Deve melhorar
Deve melhorar O Site
Deve Sim
Não Deve
Ver Resultados

Rating: 2.3/5 (236 votos)

ONLINE
3





Partilhe esta Página


Como criar template para blog
Como criar template para blog

Aprenda a fazer seu template de Blog

1) vá em "Iniciar","programas","acessórios"e "bloco de notas".

2)Para iniciar a sua página,cole o seguinte código:

  1. <TITLE> Nome de seu site</TITLE>
  2. </HEAD>


3)Agora vem a parte de inserir a imagem de fundo e do topo de seu blog.Para isso apenas digite o nome da sua imagem e sua extenção ( EX: back.gif onde é Back é o nome e gif é a extenção; top.gif onde é top é o nome e gif é a estenção)

Nota: Algumas extensões existentes: .gif; .jpg; .bmp; .jpeg

  1. <BODY BACKGROUND="NOME DA FIGURA DE FUNDO AQUI"><BR>
  2. <img src="NOME DA FIGURA DE TOPO AQUI" style="LEFT: 0px; POSITION: absolute; TOP: 0px;">


4) Agora é um pouco mais complicado. As tags a seguir são as pertencentes ao BODY, que é o corpo do site. Para que seu Menu e seus Posts fiquem paradas exatamente no lugar da figura, é necessário utilizar números para mover o texto de um lado ao outro. Veja no código que segue:

  1. <DIV style="LEFT: 0px; POSITION: absolute; TOP: 0px;">
  2. Aqui vai o espaço para Menu (veja os códigos nos links "Códigos para Blig; Códigos para Blogger; Códigos para Weblogger")


Onde:
LEFT - É o quanto você quer que o texto vá para o lado; Ex: Se você quisê-lo mais para a direita, coloque um número grande; Se você quisê-lo mais para a esquerda, diminua o número
TOP - É o quanto você quer que o texto vá para cima ou para baixo. Se você quisê-lo mais para baixo, digite um número maior; se quisê-lo mais para cima, vá diminuindo até o texto ficar alinhado do jeito que você quer.

Nota: <BR> serve para seu texto pular de linha. Cole essa tag toda a vez que quiser abrir uma nova frase.

5) Para os seus Posts, repita o passo número 4 e copie o código do seu servidor escolhido (Blig, Blogger ou Weblogger).

6) Se você já terminar de digitar seus dados no Menu e colocar tudo direitinho, cole o seguinte código:

  1. </BODY>
  2. </HTML>


Pronto!

Agora, você precisa salvar seu arquivo como INDEX.HTML. Você TEM que salvar com o final .HTML ou o arquivo não virará página e salvará como um arquivo de texto.

Não se esqueça de salvar o arquivo na mesma pasta onde estão suas imagens para o Blog (TOP E BACK).