domingo, 5 de agosto de 2012

Colocando HTML no seu blog, e editando partes

Olá designers!


Aqui é o Lupi, venho trazendo mais um tutorial aqui pra vocês!
Alguns pinguins não estão sabendo colocar o template no HTML. Eu apenas postei o HTML.Foi uma das primeiras postagens que fiz no blog.

Bom, como este tutorial estava a tempo para sair, acho que vocês gostaram dele.
Então vamos nessa! =D

A primeira coisa que se deve ter é o HTML. Você pode arranjar um procurando no google ou em sites. Porém fazer é que é o problema. Ele requer muito conhecimento no web design e etc.


Bom, vale a pena lembrar o HTML do Designers do CP que postei a muito tempo! 
Para pega-lo clique no link a seguir: http://cp-designers-team.blogspot.com.br/2012/04/html-designers-do-club-penguin.html
Você deverá copiar desde o <?xml version até </body> </html>
Depois de ter copiado e colado no design de seu blog, ajuste o seguinte:

No início do HTML procure por NOME DO SEU BLOG, NOME DO CRIADOR e coloque o nome do seu blog e o nome de quem o criou.
Agora vamos começar a colocar as imagens do template.
Procure por LINK DO FUNDO, LINK DO CABEÇALHO, LINK DA SIDEBAR, LINK DO TITULO DE SIDEBAR  e LINK DO RODAPÉ. Você irá apagar essas palvras (mas não apague o parênteses!) e colocar o link das imagens dentro. 


Agora a pergunta que você talvez fará é: Como eu faço as imagens? Como eu faço template?


Isso fica para o próximo tutorial, mas já falarei os tamanhos para vocês fazerem as imagens no seu programa (fireworks ou photoscape).

Fundo: Para fundos listrados coloque 200 x 200 que só é feito no fireworks. Para fundos grandes sua imagem deverá ter o tamanho de 1500 por 1100 mais ou menos.


Cabeçalho : 982 x 350 ou até 450 o tamanho


Sidebar: 982 x 200


Título de sidebar: 202 x 32


Rodapé 982 x 200 ou até 300


Os créditos do HTML são do Designers do CP!
Bom, os tamanhos já foram postados agora no próximo tutorial ensinarei a fazer um FUNDO LISTRADO para seu blog!
Até a próxima designer!


~Lupi, Club Penguin Designers Team



3 comentários:

  1. como coloco link de fundo , link de sidebar , link do rodape e etc ??

    ResponderExcluir
  2. Olá Tata Pinguim!
    Para saber o link das suas imagens acesse imgur.com e hospede suas imagens por lá. Só clicar em computer, escolher a imagem e clicar em start upload!
    Valeu, até!

    ResponderExcluir

Online: