Template Blogger Writer

A reedição de hoje é do Template Blogger Writer, cuja principal característica é ter uma sidebar de cada lado, só que de tamanhos diferentes – o que é muito bom para monetização através de anúncios posicionados à esquerda.

Demonstração – Download – Licença

RECURSOS INSTALADOS Posts Relacionados Retirada da Navbar Hack Leia Mais e jump break Personalização dos ícones de navegação Favicon Avatar nos comentários Citação em bloco personalizada

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:

• Como trocar o template do Blogger

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:

• Imagem para o cabeçalho do Blogger com Photoshop

A fonte que utlizei pra fazer o cabeçalho do Writer chama-se Palace Scripts

• Instalando novas fontes no Photoshop

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;

• Como mudar o background nos templates do Blogger

Colocando links na linkbar
Para colocar links no menu linkbar - que fica embaixo do cabeçalho - acesse:

• Como inserir links na linkbar

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

• Dicas Blogger: Como colocar o hack “Leia Mais” no Blogger

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.

• Como voltar a usar os antigos templates do Blogger

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:

• Termos de Uso do Dicas Blogger

©Template by Dicas Blogger – alguns direitos reservados. Não retire os créditos.