Opa pessoal,
Lembram-se da minha reclamação do botão do Rec6 com código feio?
Pois é. O tópico ficou 1 dia e meio em primeiro lugar no Rec6, mandei mensagem para os caras do syxt, mas nada de alguém mostrar alguma solução (como escolha de skins para o botão, ou uma página para recuperar o valor diretamente, ou pelo menos, um código menos feio). Daí, nós mortais, temos que nos virar pra resolver a questã. hehehee
Implantei a solução no meu blog, quase que eu esqueço de falar pra vocês aqui comé que foi, mas lembrei: pegando o número de votos do seu post de qualquer post no Rec6 via JavaScript.
Bora ao trabalho.
Bom, primeiramente identei este belo código gerado pelo script do Rec6:
<div style="font-family: Trebuchet MS, Tahoma, Verdana, Arial;
background-image:url(http://rec6.via6.com/imagens/pontos_bg.gif); background-repeat:no-repeat;
text-align:center;width:57px;height:80px;padding:3px 2px 3px 2px; line-height:normal;" valign="top">
<div style="color: #ffc317; font-size: 21px; margin: 0; padding: 0">
<a href="http://rec6.via6.com/link.php?nv=1&url=http://elmicox.blogspot.com"
style="text-decoration:none; color: #ffc317;font-size: 21px; ">
0
</a>
</div>
<div style="color: #ffc317; font-size: 12px; margin: 0; padding: 0">
Pontos
</div>
<div style="margin: 10px 0px 0px 0px; color: #A5A5A5;">
<a href="http://rec6.via6.com/link.php?url=http://elmicox.blogspot.com">
<img src="http://rec6.via6.com/imagens/botao_subir.gif" border="0" />
</a>
</div>
</div>
Fica melhor assim né?
<div style="font-family: Trebuchet MS, Tahoma, Verdana, Arial;
background-image:url(http://rec6.via6.com/imagens/pontos_bg.gif); background-repeat:no-repeat;
text-align:center;width:57px;height:80px;padding:3px 2px 3px 2px; line-height:normal;" valign="top">
<div style="color: #ffc317; font-size: 21px; margin: 0; padding: 0">
<a href="http://rec6.via6.com/link.php?nv=1&url=http://elmicox.blogspot.com"
style="text-decoration:none; color: #ffc317;font-size: 21px; ">
0
</a>
</div>
<div style="color: #ffc317; font-size: 12px; margin: 0; padding: 0">
Pontos
</div>
<div style="margin: 10px 0px 0px 0px; color: #A5A5A5;">
<a href="http://rec6.via6.com/link.php?url=http://elmicox.blogspot.com">
<img src="http://www.syxt.com.br/rec6/imagens/botao_subir.gif" border="0" />
</a>
</div>
</div>
Agora já fica fácil perceber que pra pegar o número de votos via JavaScript é só pegar o innerHTML da primeira tag A.
Pero
antes, agente tem que colocar uma div ao redor do script, para nomeá-la e ser possível chegar ao código gerado do script do Rec6.
Ficará assim:
<div id="cod_syxt">
<script language="JavaScript" src="http://rec6.via6.com/link.php?action=widget&url=<$BlogItemPermalinkUrl$>" type="text/javascript"></script>
</div>
<!-- pegando a quantidade de pontos no Rec6 e jogando na var ptos -->
<script>ptos = document.getElementById("cod_syxt").getElementsByTagName("a")[0].innerHTML;</script>
Veja que eu coloquei uma div ao redor do script (chamada cod_syxt). Daí todo código javascript gerado pelo Rec6 ficará aí dentro. Depois é só buscar o primeiro elemento A e guardar na variável chamada "ptos".
Como usar a variável "ptos"? Ué, do jeito que você quiser.
Por exemplo, assim:
<p>Olá, tenho <script>document.write(ptos)</script> pontos no Rec6. <a href="link_do_rec6">Clique aqui</a> para aumentar meus pontos</p>
Beleza né? Sem mexer com PHP ou com plugin (é claro que existem ótimos plugins para o Wordpress do Rec6 se quiser usar).
Se ainda quiser, também pode mexer ou ocultar o código gerado do Rec6 via CSS.
Por exemplo:
#cod_syxt { display: none; /* oculta o botão do rec6, mas a variável ptos continua valendo */}
Ou
#cod_syxt { width: 63px; margin: 4px 10px; float: left; /* coloca o botão à esquerda do texto */}
(Perceba que se pode pegar a quantidade de votos de qualquer link, é só mudar o link.)
Se procura dicas sobre como inserir o código do Rec6 no wordpress ou blogger, veja este post.
Dúvidas, erros ou comentários posta ae :)
Gostou da dica acima? Então clica nos botões de compartilhamento abaixo e me ajude a dica a subir no Google.
