segunda-feira, 24 de outubro de 2011

Aprenda faze um 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:

<HTML>
<HEAD>
<TITLE> Nome de seu site</TITLE>
</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

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


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:

<DIV style="LEFT: 0px; POSITION: absolute; TOP: 0px;">
<BR>
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")
<BR>
<DIV> 


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:

</BODY>
</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).

0 comentários:

Postar um comentário

Related Posts Plugin for WordPress, Blogger...