quarta-feira, 25 de maio de 2011

Contador Estatística de comentários e postagens simples

Quer saber qual o total de comentários e postagens você tem no blog?
Mostre aos seus leitores suas estatísticas, incentivando ainda mais que eles sempre comentem em seu blog.
Para instalar é fácil, e você pode usá-lo na sua sidebar.


Vá até 'Design' → Clique em 'Adicionar um elemento de página'→ Escolha tipo 'HTML/Javascript' e cole o código.

Contador Estatística de comentários e postagens simples:





<div id="contador-estatisticas" align="left"><b>Estatística deste blog:</b><br/>
<script style="text/javascript">
function showpostcount(json) {
document.write(parseInt(json.feed.openSearch$totalResults.$t,10));
}</script>
<script src="/feeds/comments/default?alt=json-in-script&callback=showpostcount"></script> Coment&aacute;rios em <script src="/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script> Postagens
<br/><a style="font-size: 9px;text-decoration:none;" href="http://www.mundoblogger.com.br/2009/10/widget-contador-estatistica-de.html">Widget by Mundo Blogger</a></div>

((O widget original foi desenvolvido pela Amanda , do Blockbuster. Eu fiz algumas adaptações no código original, mas os créditos da criação é dela)).

Contador Estatística de comentários e postagens com botão:





<div id="contador-estatisticas" align="left"><b>Estatística deste blog:</b><br/>
<script type="text/javascript"> function showpostcount(json) { document.write(parseInt(json.feed.openSearch$totalResults.$t,10)); }</script>
<div style="width:108px; height:43px; position:relative; font:Verdana, Arial, Helvetica, sans-serif;"
><span style="position:absolute; top:3px; left:7px;">
<script src="/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script></span><span style="position:absolute; bottom:4px; left:7px;"><script src="/feeds/comments/default?alt=json-in-script&callback=showpostcount"></script></span>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHjPxvoWxhXW-mr0gnL7x7aoGP_4dIb0fDvp-RMzD0w1hrIoUGPNsNzjbsD0PXUa_0yJyhKZG3M8F3U5X584l-p5XQhn62pB6NNV_MipA8NL068eAIJnm1nyg3NdGCfO6hS5XVO_NAZkdw/"/></div><a style="font-size: 9px; text-decoration:none;" href="http://www.mundoblogger.com.br/2009/10/widget-contador-estatistica-de.html">Widget by Mundo Blogger</a>
</div>

Baseado no widget desenvolvido pelo Blockbuster, eu adaptei um botão no código.

Eu aconselho que você faça download da imagem do botão usado neste widget, salve no seu pc e hospede-a no seu site preferido, para evitar que a imagem saia do ar por problemas de hospedagens!
Depois de hospedada, copie a url da imagem e substitua pela url da imagem que está no código! (Clique no link abaixo para abrir a imagem)
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHjPxvoWxhXW-mr0gnL7x7aoGP_4dIb0fDvp-RMzD0w1hrIoUGPNsNzjbsD0PXUa_0yJyhKZG3M8F3U5X584l-p5XQhn62pB6NNV_MipA8NL068eAIJnm1nyg3NdGCfO6hS5XVO_NAZkdw/


Contador Estatística de comentários e postagens com ícones:





<div style='height:40px;float:left;padding:8px;'>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2RayPrxtVlw-yuTnxdcP4sXZU1O1TgzZw0cyzBe68bkbjjUF-aYNQqHUhaOAM_0dZFUF_ph92gU93PRbet58o2ejsazDA16QJ3klqnT5wVsXiSEJpZg6sEVwb6ojSbDAIOjENiVRx5Z4/" style="margin-right:8px;float:left;" />
<span style="float:left;margin-top:2px;padding:0;">
<script style="text/javascript">
function showpostcount(json) {
document.write(parseInt(json.feed.openSearch$totalResults.$t,10));
}</script>
<script src="/feeds/comments/default?alt=json-in-script&callback=showpostcount"></script> Coment&aacute;rios</span><br />
<span style="float:left;margin:0px;padding:0px;">Comente também!</span>
</div>
<div style='float:left;padding:8px;'>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsNjYQ6DnMH8FItA3p8tyUuNxC2-8mg15vQuFY3_Q09HM3q353mV2YfOOEsDLcuni3CCgT8f2y1Bx5y263EEnx64nf05kMwvHgRD77dAZqY4lvkiNEaJpXVak2mw8XhwM3XVtTZTvuYBU/" style="margin-right:8px;float:left;" />
<a href="LINK-DO-SEU-INDICE-AQUI">
<span style="float:left;margin-top: 2px;padding:0; ">
<script src="/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script> Postagens
</span><br />
<span style="float:left;margin:0px;padding:0px;">Confira o Indice!</span>
</a>
</div>
<div style='clear:both;'/>
<center>
<a style="font-size:65%;text-decoration:none;" href="http://www.mundoblogger.com.br/2009/10/widget-contador-estatistica-de.html" title="Instale este widget">Widget by Mundo Blogger</a></center></div>

No local destacado em vermelho, você pode incluir um link que redirecione ao indice de conteúdo do seu blog. Se não quiser inserir link, basta apagar as linhas de código que estão na cor vermelha.

Eu aconselho que você faça download dos icones usados neste widget, salve no seu pc e hospede-os no seu site preferido, para evitar que a imagem saia do ar por problemas de hospedagens!
Depois de hospedada, copie a url das imagens e substitua pelas urls das imagens que está no código! (Clique nos links abaixo para abrir as imagens)
1. Icone Comentário
2. Icone Postagem


Confira o demo dos widgets aqui.

Não retire os créditos!

0 comentários:

Postar um comentário