25 Junho 2008 Template Blogger Tips

pos backup

DEMO

DOWNLOAD

Este é o primeiro template com a marca Dicas Blogger.
Podemos chamar de uma Edição Comemorativa.
No dia 31 de agosto o Dicas Blogger completará 01 ano e este template é o início das comemorações. Um presente meu para vocês...
Fiquei durante muitas noites trabalhando nele, até porque não sou expert no assunto. Ainda bem que existem a Ariane, a Áurea e as Dicas Compulsivas® ! (ufa)
Utilizei como modelo o template do AvSecurity, orinalmente criado pelo Paulo Estevão cujos créditos estão devidamente colocados no código-fonte.
Para facilitar a vida dos iniciantes, não coloquei muita coisa; fiz algo bem simples e fácil de usar. E já vem com as seguintes customizações:

1. exclusão da navbar
2. código para Posts Relacionados

No arquivo zipado incluí o template em xml , a imagem do cabeçalho e a fonte utilizada para o título.
Espero que vocês gostem!

MODO DE USAR
1.Cabeçalho
Em primeiro lugar será necessário ter um conhecimento básico de Photoshop, pois a imagem do cabeçalho é editável. Abra a imagem no Photoshop e, utilizando a ferramenta texto, altere a parte escrita colocando o nome do seu blog e a descrição.

Caso você queira criar seu próprio logotipo, a camada com o logo do Blogger também pode ser alterada, excluída ou substituída. Clique em janela e marque "camada". Aparecerá uma caixa; escolha "camada 1" e desmarque o ícone indicado na figura abaixo (lembra um pequeno olho):

Modifique à vontade, até que fique do seu gosto.
Então salve a imagem em formato PNG.
Feito isto, faça upload para o servidor de sua preferência. Sugestão? ImageShack.
Copie a url gerada e procure por esta tag no html do template:

#header-wrapper {
width: 980px;
height: 150px;
text-align: center;
background:url(http://img410.imageshack.us/img410/9333/semttulo4wm6.png) no-repeat center;

Substitua a url indicada aqui em vermelho pela que foi gerada. Salve o template e visualize.

2.Feeds
Para colocar o endereço dos seus feeds, procure por:

• title='Assinar posts'>Posts
• title='Assinar comentários'>Comentários

Substitua as urls em vermelho pelo endereço do seu blog.

3.Menu Horizontal
Para alterar os links do menu, procure por:

'seublog.blogspot.com/' title='Home'>Home

Contato

No primeiro campo coloque o endereço do seu blog e no segundo seu email.
Tem espaço para mais 04 links. Basta copiar o código, colar antes da tag e ir substituindo as urls e os títulos a seu gosto. Exemplo:

Dicas Blogger

4.Rodapé
Notem que existe um ícone à direita.

Ele serve para subir até o topo da página.
É necessário alterar também a url.

title='Subir!'

5.Sugestões
Utilize a combinação Crtl + F para encontrar as linhas e tags no html.
Para deixar seu blog ainda mais legal, coloque um favicon.

6.Licença
Obra licenciada pela Creative Commons.
Só peço que não retirem os créditos. Usem à vontade.

E é isto. Boa diversão!

DICA
Antes de alterar o template do seu blog, faça backup do antigo template e dos widgets. Após a troca, salve o novo template, salve as imagens e hospede-as no Picasa.

• Fazendo backup do template e dos Widgets
• Backup no Picasa das imagens do template

RSS/Feed - Receba automaticamente todas os artigos deste blog. Clique aqui para assinar nosso feed. O serviço é totalmente gratuito.