INSTALANDO SISTEMA DE COMENTÁRIOS REBLOGGER

*INSTALANDO SISTEMA DE COMENTÁRIOS REBLOGGER*

» Muita gente gostaria que o sistema de comentários do Haloscan voltasse ao que era antes, né?
» Navegando pela net, encontrei o Reblogger! De tanto fussar aqui e ali, consegui deixar ele mais ou menos parecido com o Haloscan! Servem para provedores do BLOGSPOT, BLOGGER E UOL(ZIP.NET)!
» Aqui nesse tutorial, ensinarei passo a passo para você instalar!
» Estão todos prontos? Então... Mãos a Obra!
» Ninguém está autorizado(a) à copiar o conteúdo da página e disponibizar no seu Blog !
» Adoraria receber os créditos pela ajuda ^^

(1º) Primeiramente, vamos entrar no site do Reblogger clicando "AQUI". Em seguida, aperte em LOGIN/SIGN UP

(2º) - (PARA BLOGSPOT E BLOGGER) Automaticamente, irá aparecer os dados para você fazer o seu Cadastro! Você irá preencher somente os dados marcados com o asterístico vermelho! Terminando de preencher tudo certinho conforme a imagem abaixo, clique em SIGN UP. ATENÇÃO: Não esqueça de entrar no E-mail que você preencher e confirmar o Cadastro, OK?

(2º) - (PARA UOL) Automaticamente, irá aparecer os dados para você fazer o seu Cadastro! Você irá preencher somente os dados marcados com o asterístico vermelho! Terminando de preencher tudo certinho conforme a imagem abaixo, clique em SIGN UP. ATENÇÃO: Não esqueça de entrar no E-mail que você preencher e confirmar o Cadastro, OK?

(3º) Você será redirecionado para os códigos gerados! Pegue o primeiro código, copie e depois cole no seu HTML logo abaixo do <head>. O segundo código você vai colocar aonde quer que o sistema de comentários apareça! Para continuarmos a fazer agora as configurações do sistema de comentários, aperte em CONTINUE

(4º) Vamos fazer o nosso login da conta já criada! Depois de preencher os campos obrigatórios que estão em vermelho, aperte em LOGIN

(5º) Já agora dentro do nosso Reblogger, vamos começar a configurar ele para ficar bem parecidinho com o Haloscan? Primeiramente, vamos apertar em SHOW COMMENTS IN ASCENDING ORDER

(6º) Você vai se perguntar: "Ué! Não aconteceu nada!" rsrs... Aí que você se engana! Preste atenção e veja que agora mudou para SHOW COMMENTS IN DESCENDING ORDER

(7º) Próximo passo, vamos apertar em CHANGE COMMENT LINK

(8º) Nessa página, você vai estar configurada da seguinte maneira:

(9º) Vamos agora modificar os seguintes ítens:

Deixe selecionado o primeiro ítem.
WIDTH e HEIGHT vocês colocaram o número 800 nos dois!
Aonde está escrito COMMENT você pode modificar conforme preferir! EXEMPLO: "Deixe seu Carinho Aqui!", "Aqui seu Recadinho!", "Aperte Aqui e deixe um Comentário!"
Feito isso, aperte em SAVE COMMENT LINK. Veja abaixo mais ou menos como deverá ficar!

(10º) Agora, vamos apertar no CHANGE DATE FORMAT

(11º) Nessa parte o seu estará configurado assim!

(12º) Clique na setinha ao lado e vamos modificar para DAY/MONTH/YEAR. Em seguida, aperte em SAVE DATE FORMAT

(13º) Agora vamos configurar a parte do CHANGE TEMPLATE

(14º) Vai aparecer todo o HTML do seu sistema!

(15º) Apague todo esse código, copie o que se encontra na caixinha abaixo e cole. Em seguida, aperte em SAVE TEMPLATE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<HEAD>

<title>OFERECIDO PELA CASINHA DAS GIFS! http://casinhadasgifs.zip.net =D</title>
   
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="Content-Style-Type" content="text/css" />

html {
scrollbar-face-color: #808080;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #808080;
scrollbar-darkshadow-color: #808080;
scrollbar-shadow-color: #FFFFFF;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #FFFFF;}
-->

body{CURSOR:url(http://www.casinhadasgifs.kit.net/cursores/004.ani)}
		
div {border-width:0px;}
td.main {padding:0px;
vertical-align:top;}

div.td-main {font-family: tahoma;
font-size: 11px;	
padding: 5px;
border: 2px solid #808080;
color: #808080;
background-color: #FFFFFF;}
		
div.hidden {visibility:hidden;
color:#808080;}

a {font-style:normal;
color:#444444;
text-decoration: none;}

a:hover {color:#808080;
text-decoration: none;}

a:visited {color:#FF0000;
text-decoration: none;}
		
input {background: #FFFFFF;
border: 2px solid #808080;
color: #808080;
width: 185px;
direction: ltr;
font-family: tahoma;
font-size: 10px;}

textarea {background-color: #FFFFFF;
border: 2px solid #808080;
color: #808080;
direction: ltr;
width: 185px;
font-family: tahoma;
font-size: 10px;}

p {background-color: #FFFFFF;
border: 2px solid #808080;
color: #808080;
font-family: tahoma;
font-size: 11px;
line-height: 20px;
margin-left: 20px;
margin-right: 20px;
padding: 10px;}

a.topnav {font-style:normal;
text-decoration:none;
color:#808080;}

</style>
</head>

<comments>
<*comment*>
<BR><font size=1>Escrito por: <B><*name*></b> <*date*></font>
<BR><BR><BR>

<TABLE align=center cellspacing=4>
<TR><TD >Nome: </td><TD><*fname*></td></tr>
<TR><TD >Email: </td><TD><*email*></td></tr>
<TR><TD >Homepage: </td><TD><*homepage*></td></tr>
<TR><TD valign=top>Comentário: </td><TD><*fcomment*><BR><BR></td></tr>
</table>
<center><*submit*></center><BR>
</div></rbform><br><br>

</div></td>
</tr>
</table>

(16º) Prontinho! Aí está o seu novo sistema de comentários do Reblogger! Bem parecidinho com o Haloscan, né? ^^ Veja só o meu como ficou clicando "AQUI".

É isso! Agora é só usar e abusar do seu novo programinha ^^ Difícil? Gostaram? Estou torcendo que tenham conseguido =D Se tiverem dúvidas, por favor, me perguntem, OK?

Tutorial elaborado exclusivo por TATIANA BERTOLIN. Adoraria receber os devidos créditos pela ajuda :) Obrigada!