<%VAR BLOG_TITLE%>

\Imagem/

1° Passo: Abra seu editor de imagens (Paint, Photoshop, Paint Shop, Corel Draw... Eu uso o Photoshop)
2° Passo: Escolha a imagem que será usada no template e importe-a para o programa. (Para quem quiser ter um tamanho "padrăo", normalmente, eu uso 800x600 px).
3° Passo: Faça duas colunas na imagem e escreva em cima delas posts e perfil. Agora salve (de preferęncia em jpg ou gif).
Ficará assim: Clica pra ver xD
4° Passo: O background...Bom, muita gente faz de maneiras diferentes. Eu faço assim:
Abra a imagem no paint. Primeiro, vá no menu acima e clique em Imagem-Inverter/Girar. Coloque para inverter verticalmente. A imagem irá aparecer de cabeça para baixo, certo? Pois bem. Agora vá em Atributos e no quadradinho de Altura coloque o numero 1. Vai ficar só uma linha. Esse é o background. Salve-o.

\Código/

Bem... Explicar o código é meio complicado, pois săo tantas tags XD. Mas vamos lá...

11° Passo: Copie este código e cole em algum programa de html (Front Page, Dreamweaver, Max HTML ou ate no bloco de notas mesmo ^^b. Eu uso o Max HTML Beauty ++ 2004 XD)

body, p, td {font-family: verdana; font-size: 9px; color: #000000; }
A, A:link{cursor: hand; color:#000000;text-decoration:none; font weight: none;}
A:visited{cursor: hand; color:#000000;text-decoration:none; font weight: none;}
A:active{cursor: hand; color:#000000;text-decoration:none; font weight: none;}
a:hover {cursor: hand; color: #000000; font-weight: bold; text-decoration:underline}
</style>
</head>
<body bgcolor="#FFFFFF" background="COLOQUE AQUI O CÓDIGO DO BACKGROUND" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<img src="COLOQUE AQUI O CÓDIGO DA SUA IMAGEM">
<div class=div id="Layer2" style="layer: auto; position: absolute; left: 000; top: 000; width: 000; height: 000; z-index: 2;">

 <center>[ Eu ]</center> 
*escreva aqui tudo sobre vocę**escreva aqui tudo sobre vocę*

<center>[ Blogs Amigos ]</center> 
*nossos blogs amigos*

<center>[ Sites ]</center> 
<li> <a href="http://www.condominio-das-otakus.weblogger.com.br" target="_blank">Condomínio das Otakus</a> 
<li> <a href="http://www.site.com.br" target="_blank">Link 2</a> 
<li> <a href="http://www.site.com.br" target="_blank">Link 3</a> 
<li> <a href="http://www.site.com.br" target="_blank">Link 4</a>

<center>[ Sttufs ]</center> 
*ponha aqui tudo o que quiser!*

<center>[ Créditos ]</center> 
<center><a href="http://www.otakus_shop.blogger.com.br" target="_blank" title="Thanks pelo tutorial que me ensinou como fazer um template">Otaku´s Shop</a>
<a href="http://www.condominio-das-otakus.weblogger.com.br" target="_blank"><img border="0" alt="CONDOMÍNIO DAS OTAKUS" src="http://condominio-das-otakus.weblogger.com.br/img/buttonotakus.gif"></a></center> 
</div>

<div class=div id="Layer2" style="layer; position: absolute; left: 000; top: 000; width: 000; height: 000; z-index: 2;">

TAGS DO SEU SERVIDOR

</div>
</body>
</html>

2° Passo: Para a imagem aparecer no template, vocę deve baixá-la em algum lugar (pode ser no seu blog mesmo ^^v). Copie a url dela (ex: http://www.blog.zip.net/meulay.jpg). Procure no template isto: "COLOQUE AQUI O CÓDIGO DA SUA IMAGEM". Substitua essa frase pela url da imagem. Com o background é o mesmo procedimento, mas vocę deve procurar este termo: "COLOQUE AQUI O BACKGROUND".
3° Passo: Para acertar o lugar certo da coluna, vocę deve encontrar no lay as seguintes tags: left, top e width. Vá colocando números até acertar o local certo da coluna.
Só para vocęs saberem:
Top: O espaço que terá de cima para baixo.
Left: O espaço da esquerda para a direita, por isso mesmo se chama "left" (em inglęs, left significa esquerdo).
Width: É a largura da coluna, é usado para os textos năo ultrapasserem a coluna
Heght: É o comprimento da coluna, mas năo será usado neste layout. Deixe em branco

4° Passo: O link. Logo no inicio do template tem umas "palavras" assim: link, active, visited e hover. Săo as palavras que "peronalizam" o link. Se vocę quiser mudar as cores, o código delas deve estar logo depois disto: color: # código da cor. Ok?

Link O link antes de terem clicado nele
Active Quando o link está ativo (como assim? Quando vocę clicou nele e depois năo clicou em lugar nenhum da página).
Visited O link depois de visitado (o contrário de active, depois que vocę clicou no link e depois em outro lugar da mesma página)
Hover Quando o mouse está em cima do link.

5° Passo: Onde está escrito "tags do seu servidor" (no código) substitua pelas tags do seu servidor (blogger, weblogger, uol, bigblogger...)

PRONTO!!! Seu template está feito! ^^