Como fazer

Faça o seu próprio template

Para começar é bom você ter em mãos alguns programas em seu computador para que possa fazer seu template. Você pode escolher entre Dreamwever, Front page ( que já vem junto com os programas da Microsoft no seu computador) e o Max Html Beauty++. Eu pessoalmente acho o front page bem fácil.

Agora escolha uma imagem para o seu template. Lembre-se que tudo deve ser salvo em jpg ou gif.

Agora abra a figura no em um program,a de edição de imagnes. Você pode ir de Paint para Fireworks, ou photoshop. Eu comecei no Pint, então se você não tem programas avançados de edição de imagnes utilise este mesmo.

Você precisa agora ter uma figura de 800x600 pixels, no paint é só ir em Imagem / Atributos. Você fará uma imagem do corpo básico do template. Pode usar letras do proprio Paint. Se quizer letras diferenmte é só procurar por "fonts" na net e dar download.

Basicamente esta fugura ficará assim:

Depois você pode cortar um pedaço do final da figura assim:

A segunda imagem você colocará como plano de fundo, enquanto a primeira será uma imagem.

Para facilitar agora você pode pegar o corpo básico de um template pronto e apenas mudar as figuras de fundo e a imagem. Aqui neste quadro cocê encontra um template básico do weblogger e blogger:

Blogger
<html> <head> <title><$BlogTitle$></title> <META http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <META NAME='title' CONTENT='<$BlogTitle$>' RDX_TYPE='TITLE'> <META NAME='description' CONTENT= '<$BlogDescription$>' RDX_TYPE='DESCRIPTION'> <META NAME='categoria' CONTENT='Blogger' RDX_TYPE='CATEGORY' LEVEL='0'> <style> a {text-decoration:none;color:#FFFFFF;} a:hover {text-decoration:underline;cursor:arrow;color:#FF0066;} a:visited {text-decoration:line-through;color:#660066;} a:active {text-decoration:none;font:bold;cursor:hand;color:#FF0066;} BODY{ SCROLLBAR-FACE-COLOR: #F597B1; SCROLLBAR-HIGHLIGHT-COLOR: #FCF87B; SCROLLBAR-SHADOW-COLOR: #FCF87B; SCROLLBAR-3DLIGHT-COLOR: #58ED9C; SCROLLBAR-ARROW-COLOR: #58ED9C; SCROLLBAR-TRACK-COLOR: #0994F9; SCROLLBAR-DARKSHADOW-COLOR: #D144AD;} div {font-family:verdana; font-size:11px;} </style> </head> <body bgcolor="#FFFFFF" background="http://www.cacau_corte.blogger.com.br/linha_amigasj.JPG"> <div id="Layer1" style="position:absolute; width:200px; height:115px; z-index:2; left: 0px; top: 0px"><img border="0" src="http://www.cacau_corte.blogger.com.br/amigas_postj.JPG" width="800" height="586"></div> <div id="Layer3" style="position: absolute; width: 229; height: 702; z-index: 3; left: 0; top: 542"> Perfil Nome 1 Idade E-mail Profissão  Nome 2 Idade E-mail Profissão  Nome 3 Idade E-mail Profissão  Blogs Amigos  <form action="URL" method="post" name="URL2"> <select name="blogs" id="formulario" style="font-size: 11px; width: 99; color: #000000; font-family: Verdana; height: 23; border-left: 3px solid #000000; border-right: 13px solid #000000; border-top: 1px solid #000000; border-bottom: 3px solid #000000" onChange="window.open(URL2.blogs.options[blogs.selectedIndex].value,'_blank')"> <option>:+:Blogs:+:</option> <option value="http://thecrazyworldofcacau.weblogger.terra.com.br/">Cacau</option> <option value="http://www.gxc.blogger.com.br/index.html">G.X.</option> <option value="http://www..../">Blog</option> </select></form>  Links <a target="_blank" href="http://thecrazyworldofcacau.weblogger.terra.com.br/">Cacau</a> <a target="_blank" href="http://poderosodeus.weblogger.com.br/">Jesus freak</a> <a href="http://poderosodeus.weblogger.com.br/" target="_blank"> <img src="http://poderosodeus.weblogger.com.br/img/butaum-3.gif" alt="Jesus Freak" border="0" width="100" height="60"></a> Award <a href="http://poderosodeus.weblogger.com.br/" target="_blank"> <img src="http://poderosodeus.weblogger.com.br/img/award.gif" " alt="Jesus Freak" border="0" width="178" height="87"></a> Créditos <a href="http://blogger.com.br" target="_blank">blogger</a> <a href="http://thecrazyworldofcacau.weblogger.com.br/" target="_blank"><img src="http://www.vision.blogger.com.br/cacau_templ.JPG" alt="The Crazy World of Cacau" border="0" width="103" height="40"></a> </div> <div id="Layer4" style="position: absolute; width: 550; height: 148; z-index: 4; left: 233; top: 517">  <blogger> <blogdateheader> <$BlogDateHeaderDate$> <a name="<$BlogItemNumber$>"></a> <$BlogItemBody$> <$BlogItemAuthor$> <a href="<$BlogItemArchiveFileName$>#<$BlogItemNumber$>"><$BlogItemDateTime$></a> </div></Blogger>  </body> </html>

Weblogger
<html> <head> <title><#TituloWebLog#></title> <META NAME="DESCRIPTION" CONTENT="WEBLOGGER.COM.BR - PUBLIQUE SUAS IDÉIAS NA WEB."> <META NAME="KEYWORDS" CONTENT="<#TituloWebLog#>, weblog, weblogs, weblogger, webloggers, weblogger.com.br, diários, blog, blogs, hospedagem, brasil, brasileiro, grátis, homepage, página, site, gratuito, novidade, blogger, blogger.com.br"> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="expires" content="-1"> <script language=javascript src='http://www.weblogger.com.br/js/weblogger.js'></script> <script language=javascript src='http://www.weblogger.com.br/js/weblogger.js'></script> <style> a {text-decoration:none;color:#FFFFFF;} a:hover {text-decoration:underline;cursor:arrow;color:#FF0066;} a:visited {text-decoration:line-through;color:#660066;} a:active {text-decoration:none;font:bold;cursor:hand;color:#FF0066;} BODY{ SCROLLBAR-FACE-COLOR: #F597B1; SCROLLBAR-HIGHLIGHT-COLOR: #FCF87B; SCROLLBAR-SHADOW-COLOR: #FCF87B; SCROLLBAR-3DLIGHT-COLOR: #58ED9C; SCROLLBAR-ARROW-COLOR: #58ED9C; SCROLLBAR-TRACK-COLOR: #0994F9; SCROLLBAR-DARKSHADOW-COLOR: #D144AD;} div {font-family:verdana; font-size:11px;} </style> </head> <body bgcolor="#FFFFFF" background="http://www.cacau_corte.blogger.com.br/linha_amigasj.JPG"> <div id="Layer1" style="position:absolute; width:200px; height:115px; z-index:2; left: 0px; top: 0px"><img border="0" src="http://www.cacau_corte.blogger.com.br/amigas_postj.JPG" width="800" height="586"></div> <div id="Layer3" style="position: absolute; width: 229; height: 702; z-index: 3; left: 0; top: 542"> Perfil Nome 1 Idade E-mail Profissão  Nome 2 Idade E-mail Profissão  Nome 3 Idade E-mail Profissão  Blogs Amigos  <form action="URL" method="post" name="URL2"> <select name="blogs" id="formulario" style="font-size: 11px; width: 99; color: #000000; font-family: Verdana; height: 23; border-left: 3px solid #000000; border-right: 13px solid #000000; border-top: 1px solid #000000; border-bottom: 3px solid #000000" onChange="window.open(URL2.blogs.options[blogs.selectedIndex].value,'_blank')"> <option>:+:Blogs:+:</option> <option value="http://thecrazyworldofcacau.weblogger.terra.com.br/">Cacau</option> <option value="http://www.gxc.blogger.com.br/index.html">G.X.</option> <option value="http://www..../">Blog</option> </select></form>  Links <a target="_blank" href="http://thecrazyworldofcacau.weblogger.terra.com.br/">Cacau</a> <a target="_blank" href="http://poderosodeus.weblogger.com.br/">Jesus freak</a> <a href="http://poderosodeus.weblogger.com.br/" target="_blank"> <img src="http://poderosodeus.weblogger.com.br/img/butaum-3.gif" alt="Jesus Freak" border="0" width="100" height="60"></a> Award <a href="http://poderosodeus.weblogger.com.br/" target="_blank"> <img src="http://poderosodeus.weblogger.com.br/img/award.gif" " alt="Jesus Freak" border="0" width="178" height="87"></a> Arquivos <#weblogArquivo#>  Livro de Visitas <a href="<#weblogLivrodevisita#>" target="_blank"> Ler/Escrever</a> Créditos <a href="http://www.weblogger.com.br" target="_blank">Weblogger</a> <a href="http://thecrazyworldofcacau.weblogger.com.br/" target="_blank"><img src="http://www.vision.blogger.com.br/cacau_templ.JPG" alt="The Crazy World of Cacau" border="0" width="103" height="40"></a> <#weblogContador#> </div> <div id="Layer4" style="position: absolute; width: 549; height: 140; z-index: 4; left: 233; top: 525">  <weblogger> <weblogcabecalhodata> <#weblogDataCabecalho#> </weblogcabecalhodata> <#weblogMensagem#> <#weblogAutor#> <a href="javascript:wb_comentario(<#weblogcodigo#>)">Comente:</a>(<#weblogTotalComentarios#>) </weblogger>  </div> </body> </html>

Abra estes códigos de template no frontPage e lá mesmo mude as fuguras e edite os códigos colocando as cores que quizer. Vá mexendo no frontPage ou no programa que escolher e aprenda fazendo. Você pode mudar as cores dos links, das barras de rolagem e tudo mais.

Uma dica para ajudra a na produção de imagnes é pegar wallpapers. Você pode conseguir wallpapers na net como eu fiz com esta figura de cima. Normalmente você encontrará a opção de pegar estes wallapapers 800x600 pixels.