Tutorial Template - Postagem DdCP recuperada
Autor: Conrado 8 | Publicado: 2015-06-27T00:31:00-07:00

E agora&nbsp;chegou&nbsp;o&nbsp;tão&nbsp;esperado&nbsp;Tutorial de Template!&nbsp;Conrado&nbsp;me pediu para&nbsp;fazeresse tutorial. Eu sou&nbsp;Dragon&nbsp;e irei passar a&nbsp;vocês&nbsp;um&nbsp;tutorial de template.

Para fazer um template, existem 4 etapas:





HTML;
Imagens;
Montagem;
Reparos.



Primeira Etapa,&nbsp;HTML



Antes de começar&nbsp;qualquer&nbsp;template HTML, todo&nbsp;Designer&nbsp;tende à&nbsp;ter&nbsp;um&nbsp;HTML Compacto, ou seja, um&nbsp;HTML de base.
NUNCA copie nenhuma parte de template de outros blogs, isso é plágio, e plágio é CRIME.
NÃO mude nada no HTML do template, somente o que for exigido no resto da postagem.
Caso mude algo no HTML que não foi exigido, e salve seu blog, o seu blog pode dar algo e ser EXCLUÍDO (erros do blogger).






Agora, vamos para a próxima etapa:



Segunda Etapa,&nbsp;Imagens



Esta é a etapa mais fácil, e mais demorada. Para fazer um template, há vários modos, como o Artisteer (piores templates), a Imagem do Template (mais complicado e não o melhor), e o Template Separado, que é o que vamos aprender aqui.



Para isso, eu geralmente começo fazendo um rodapé. aqui um exemplo de rodapé:




É claro que este rodapé é reduzido, mas, sempre que fazer um rodapé faça neste tamanho:



982x98 pixels



Já se você fazer com outro tamanho, ele pode ficar&nbsp;bugado. Após isso, eu geralmente faço a sidebar. Aqui vai um exemplo de sidebar:












Ela também está reduzida, mas o tamanho real é sempre:



982x270 pixels



Se quiserem podem pegar essa sidebar mesmo, ela foi a minha primeira ¬¬'.



Após isso, temos o Cabeçalho, e, ás vezes, o menu. O menu é simples de fazer, porém demorado de colocar. Para aprender a fazer um menu, clique&nbsp;AQUI.



Um cabeçalho é demorado de fazer, mas, no fim, você vai se orgulhar de sua obra. Aqui um exemplo de um cabeçalho:







Atualmente, a minha especialidade, é fazer cabeçalhos soltos, mas, nesse caso, você tem de colocar solto em um gadget de imagem, e não no HTML. Mas, se ficaram em dúvida de como é um outro tipo de cabeçalho, vejam esse:









Este é um cabeçalho alinhado com o menu. Os dois cabeçalhos foram&nbsp;diminuídos&nbsp;de tamanho para colocar na postagem. Lembrando que, tamanho correto não há, tudo depende de como você quer colocar no seu blog.



Geralmente, o último componente do template que eu faço, é o título de sidebar. Aqui vai um exemplo:









Este título de sidebar não está diminuído, pois seu tamanho já é pequeno. O tamanho correto do sidebar title é este:



208x35



Lembro também que, se você não sabe fazer alguma ou todas essas coisas, aguarde para os futuros tutoriais de Sidebar Title, Sidebar, Header e Footer. Lembro também que essas imagens que eu mandei acima não &nbsp;são do mesmo template.



Terceira Etapa,&nbsp;Montagem



Para montar o template no HTML, simplesmente você só apertar CTRL + F e pesquisar estas palavras (códigos) no template:
NOME DO SEU BLOG - Coloque o Nome do Seu Blog.
NOME DO CRIADOR - Coloque o Nome do Criador do Template
LINK DO FUNDO DA PÁGINA - Coloque o Link do Fundo da Página*
LINK DO CABEÇALHO - Coloque o Link do Cabeçalho*
LINK DA SIDEBAR - Coloque o Link da Barra Lateral*
LINK DO TÍTULO DA SIDEBAR - Coloque o Link do Título da Sidebar*
LINK DO RODAPÉ - Coloque o Link do Rodapé*


Ignore este aviso:




FAVICON


Ele aparece duas vezes e não é necessário editá-lo.




* - Necessita Hospedar (Tinypic.com).



Quarta etapa,&nbsp;Reparos



Está etapa, infelizmente, não há como explicar. Você só tem que ir "explorando" o template para achar pequenos erros e corrigi-los. Ocasionalmente se encontram erros.




~DragonFable