Como Fazer e Aplicar Templates

Hoe pessoal! Son Ivson aqui!
Pensei que já estava na hora de fazer o tutorial de como fazer e aplicar templates. Então, aí vai.
Clique em Mais Informações para ver


Bem, pra começar, tenha as imagens editáveis.
Bem, se você usa Fireworks, Paint.net ou qualquer outro programa, pode usar e editar essas imagens:

Cabeçalho

Sidebar

Rodapé

Título de Gadget

Fundo

Caso você usa Photoshop e quer editar pelos arquivos editáveis do PS, baixe a pack com os arquivos aqui.
Bem, agora vamos a parte da edição.

No Cabeçalho, coloque Pinguins, Puffles ou qualquer coisa que quiser. Aonde tem "Nome do Blog", troque pelo nome ou pela logotipo do blog.
Acima aonde tem uma barra, coloque os nomes do menu, se quiser colocar um. Se quiser aprender a como linkar, clique aqui. Se não quiser o menu, exclua a barra.
Não esqueça de trocar as cores.

Na sidebar só se precisa mudar a cor. Recomendo não colocar imagens na sidebar, pois poderão ficar cortadas ao chegar no rodapé.

Falando no Rodapé, vamos editá-lo. Troque as cores e mude os textos, colocando o seu nome e o nome do blog onde se pede.
Caso queira colocar pinguins e puffles não esqueça de colocar uma barra abaixo, como a que está no pinguim que já está no rodapé.

Agora o Título de Gadget. Mas o que é isso? Sabem aquelas imagens que ficam em cima dos nomes dos gadgets do blog? Então! São aquilo! Coloque um pinguim ou puffle nele. E troque as cores!

Por ultimo: O fundo. Somente troque a cor. Se não quer esse fundo listrado então nem precisa mexer.

Agora vamos pra parte do HTML. Pegue o código editável aqui e vá no blogger. Lá vá em modelo e vá em Editar HTML. Quando estiver lá, exclua tudo que estiver lá.
AVISO: AO EXCLUIR TODO O HTML ANTIGO DO BLOG, VOCÊ PERDERÁ SEUS GADGETS!
Depois, cole o nosso HTML.
Agora vá no Tynipic, Imgur ou qualquer site que hospede imagens e pegue seus direct links.
Agora vá no HTML e troque as palavras:

• Link do Fundo
• Link do cabeçalho
• Link da sidebar
• Link do Título de Gadget
• Link do rodapé

Pelos seus respectivos direct links.

Exemplo: No Link do rodapé, troque pelo direct link da imagem do Rodapé que você hospedou.

Por ultimo troque as cores.

Pra isso, troque #666666 por outra cor de formato hexadecimal, porém coloque uma cor que combine com o template!

E aqui termina o nosso tutorial! Espero que tenham gostado e aprendido!

Caso haja algum problema com o Código do template, contate-me!

É isso! Fui!

~Son Ivson