Widget contador de posts e comentários

► +A +/- -A
Olá leitores do Tecnoblog,
Hoje vamos ver um gadget pouco utilizado nos blogs, mas de grande utilidade. Este widget irá contar quantos posts você tem publicados e os comentários. Para esse efeito você não necessita inserir código em seu HTML, só no simples modo. Veja:

1. Vá em Design e Adicionar um gadget e escolha o tipo: HTML/JavaScript.

2. Escolha o modelo de widget que deseja colocar:

I- Contador 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/>
II- Contador 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="http://lh6.ggpht.com/_MUqB1VM205U/TTelqpNMkHI/AAAAAAAAAFM/zWNR8OgvMrA/boxcount-post-comment.png"/></div>
III- Contador com avatar(ícones):
<div style='height:40px;float:left;padding:8px;'>
<img src="
http://lh6.ggpht.com/_MUqB1VM205U/TPMh5ZV1C7I/AAAAAAAAAEQ/Jvg7DTfWciU/User-comment-blogger-48-2.png" 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="
http://lh4.ggpht.com/_MUqB1VM205U/TPMh5d2rybI/AAAAAAAAAEU/oBy_T2mTC7s/User-artigos-48.png" 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>
Caso queira retira o: Confira o índice, apague os códigos destacados de vermelho.

 Se preferir, substitua os códigos destacados de verde, pelas url de suas imagens.


Ao terminar, salve!
#Retire os espaços que ficarem#
Pronto!
► Postagens Relacionadas:

1 Comentário

joao vicente disse...

Otima dica! valeu demais, deu super certo!!! abraços

3 de dezembro de 2013 08:24

Postar um comentário

Seu comentário é bem vindo, mas leia antes de comentar...
→ Se os comentários conter palavrões, xingamentos, ofensas ao autor ou qualquer pessoa, não serão publicados!
→ Não Contiver outros sites!
→ Não conversar com comentários!
→ Não conter propaganda!
→ Visite o nosso termos de uso
Obrigado e volte sempre!