Como Fazer e Aplicar Templates

Haya! Son Ivson aqui!
Eu mencionei que eu iria montar um tutorial, que mudará completamente o blog, né?
Bem, então eis ele! O de como fazer - e aplicar - templates de uma forma bem explicada!
Preparados? Clique em mais informações e vamos lá!




Bem, primeiro, baixe as imagens editáveis:

Cabeçalho: http://i.imgur.com/S1IEzjn.png
Sidebar: http://i.imgur.com/00s34nG.png
Rodapé: http://i.imgur.com/8ZGYsHt.png
Título de Gadget: http://i.imgur.com/aT9GmWm.png
Fundo (listrado): http://i.imgur.com/ExMyg4u.png

Agora vamos para a fase da Edição:
Cabeçalho: No cabeçalho, mude as cores, coloque pinguins, puffles e o que mais desejar. Se quiser, faça um menu! Eu ensinarei como linká-lo.
Aqui vai um exemplo de um cabeçalho:

Sidebar: A Sidebar é a parte mais simples. Somente mude a cor. Se quiser coloque um puffle, mas saiba que ele poderá ficar cortado quando chegar seu limite no Rodapé. Vejamos um exemplo:

Rodapé: Ele irá depender do fundo que você irá usar. Se for listrado (como o que usaremos neste template) poderá ter pinguins, puffles e objetos em todo lugar. Já se for de paisagem com o mar descendo, coloque pinguins e puffles nadando. Além de Peixes, Algas e corais. Vamos ver como ficará o Rodapé:

Título de Gadget: Aqui você só precisará mudar a cor e, se quiser, colocar um puffle ou objeto. Eu prefiro usar puffles. Vamos ver o exemplo:

Fundo: Se você for usar o fundo listrado, então a única coisa que você irá fazer é mudar a cor. Dica: Tente usar uma cor um pouco mais clara ou escura do que está no template!
vamos ao exemplo:

Bem, agora que temos tudo editado, vamos a parte da aplicação. Primeiro, clique aqui para ter acesso ao HTML.
Assim que acessá-lo, copie-o todo, vá em Modelo, vá em Editar HTML, e lá, apague todo o HTML que tiver lá.

Observações:

• Assim que você apagar todo o HTML que tiver no seu blog, você perderá todos os gadgets que você tiver no seu blog.

 Agora cole o HTML, hospede as imagens em alguns site de hospedagem de imagem, como TinyPic ou imgur, e copie seus direct links. Agora, procure (Ctrl+F) por essas palavras:
Link do fundo
Link do cabeçalho
Link da sidebar
Link do Título de Gadget
Link do rodapé
Quando achá-las, troque-as pelos respectivos direct links. Quando terminar, pegue o direct link do seu cabeçalho e vá no Image Maps. Lá você irá linkar seu menu. Para linkar, você precisa fazer um retângulo, e neste retângulo coloque o link da página desejada:

Ao terminar, clique em get your code e clique em HTML Code. Lá apague tudo que estiver no retângulo vermelho:

 

Depois procure por isto:
Código do Cabeçalho linkado
Troque isso pelo HTML do cabeçalho linkado. Agora Veja como ficou.
Se a cor que você quer não é a que está aplicada, procure por #0000FF e troque por outra cor em hexadecimal (exemplo, #2D96FF, que é a cor de um azul claro).

Bem, espero ter ajudado. Qualquer dúvida sobre o Template, fale nos comentários!
~Son Ivson