Demonstração – Download – Licença
| RECURSOS INSTALADOS | CARACTERÍSTICAS DO TEMPLATE - Cores e fontes personalizáveis
- Compatível com qualquer navegador que esteja devidamente atualizado.
- 2 colunas à direita
- 3 blocos de widgets no rodapé
- Diversos hacks instalados
- Nome do seu blog no rodapé (auto)
- CSS otimizado
|
Introdução
A seguir, explicarei como funciona cada ítem do template. Para um melhor aproveitamento, acesse os posts de referência.
Quando for necessário encontrar algum trecho dentro do template, vá até desing > editar html. Marque a caixa expandir modelos de widgets. Dê um Crtl+F em seu teclado e cole na caixa de busca do seu navegador o trecho que está buscando.
Instalando o template em seu blog
Baixe o arquivo .zip, clique com o botão direito do mouse e escolha abrir. Dentro da pasta, você vai encontrar um arquivo chamado Template Writer.xml. Se você não souber como trocar o template do seu blog, acesse:
Configurando a imagem do cabeçalho
Dentro da pasta que você baixou, tem a imagem do cabeçalho em formato .psd – própria para Photoshop – no tamanho 970 x 150 px. Escreva o nome do seu blog dentro desta imagem. Se você não sabe como usar o Photoshop, acesse:
A fonte que utlizei pra fazer o cabeçalho do Writer chama-se Palace Scripts
Mudando o background (plano de fundo)
Você pode trocar, facilmente, a imagem que compõe o fundo deste template. Procure pelo trecho abaixo e substitua a url do atual background pela url de outro de sua preferência (Sugestão de backgrounds: Background Labs).
body {
text-align:center;
color:$textColor;
background:#303030 url(URL DO NOVO BACKGROUND) repeat top left;
Colocando links na linkbar
Para colocar links no menu linkbar - que fica embaixo do cabeçalho - acesse:
Usando o resumo de postagens
No Template Writer, instalei o jump break do Blogger e o “hack leia mais” com corte manual, assim, quem já usava um dos dois não vai perder as configurações anteriores
Como alterar a cor dos links do rodapé
Os links do rodapé estão na cor amarela. Para alterar a cor, encontre este trecho:
#creditleft a,.creditleft a:hover,.creditleft a:visited,#creditright a,.creditright a:hover,.creditright a:visited {
color: #ccc;
text-decoration:none;
}
Mude a parte que está em vermelho. Veja uma tabela de cores neste link.
Alterando o favicon
Favicon é aquele pequeno ícone que aparece no navegador, ao lado do endereço do blog. O Template Writer já vem com um favicon instalado. Caso queira mudá-lo, procure pelo trecho abaixo e substitua o endereço da imagem (em azul)
]]></b:skin>
<link href='http://lh5.ggpht.com/_mcq01yDJ2uY/TF3q55WsE7I/AAAAAAAAC0s/maosPKbgQqE/old_openofficeorg_writer.png' rel='shortcut icon'/>
<link href='http://lh5.ggpht.com/_mcq01yDJ2uY/TF3q55WsE7I/AAAAAAAAC0s/maosPKbgQqE/old_openofficeorg_writer.png' rel='apple-touch-icon'/>
<link href='http://lh5.ggpht.com/_mcq01yDJ2uY/TF3q55WsE7I/AAAAAAAAC0s/maosPKbgQqE/old_openofficeorg_writer.png' rel='shortcut icon' type='image/x-icon'/>
Alterando as fontes e as cores
Todas as fontes e todas cores do template podem ser alteradas através do painel do Blogger. Entre em designer do modelo e procure pela opção avançado
Ícones para redes sociais
Se você quiser usar os ícones do Twitter, Facebook e Feeds, que coloquei na sidebar da esquerda, cole o código abaixo em seu blog - no gadget HTML/javascript – colocando, respectivamente, as URLs de cada um.
<table style="text-align: left; width: 100%;" border="0"
cellpadding="1" cellspacing="1">
<tbody>
<tr>
<td><a href="URL DO TWITTER"><img
style="border: 0px solid ; width: 120px; height: 120px;" alt=""
src="http://lh3.ggpht.com/_mcq01yDJ2uY/TF3lBbxkQGI/AAAAAAAAC0c/pLIqbnUCw_M/twitter.png" /></img
></a></td>
</tr>
<tr>
<td align="undefined" valign="undefined"><a
href="URL DO FEED"><img
style="border: 0px solid ; width: 120px; height: 120px;" alt=""
src="http://lh3.ggpht.com/_mcq01yDJ2uY/TF3lBTZQtYI/AAAAAAAAC0g/vqUJ_WpiIAQ/rss.png" /></img
></a
></td>
</tr>
<tr>
<td align="undefined" valign="undefined"><a
href="URL DO FACEBOOK"><img
style="border: 0px solid ; width: 128px; height: 128px;" alt=""
src="http://lh4.ggpht.com/_mcq01yDJ2uY/TF3lBnqE-mI/AAAAAAAAC0k/tAmb4qZI42o/facebook.png" /></img
></a
></td>
</tr>
</tbody>
</table>
ATENÇÃO:
Se você estava usando um dos novos modelos do Blogger (designer do modelo), será necessário instalar antes o Template Mínima para retirar o gadget atribuition.
Caso você queira realizar outras alterações na estrutura do template, tais como adicionar ou retirar sidebar ou mesmo instalar outros hacks, pesquise como fazer.
Saiba mais sobre a utilização de nossos templates gratuitos, acessando:
©Template by Dicas Blogger – alguns direitos reservados. Não retire os créditos.
