Dominio: mundoblogger.com.br
Chave: 6750f38d68212cb9ffc85aee2a0ef61d0ebf4f04
Hora do cache: 1471345397
Vida do cache: 1472641396
Status: 1
Mensagem: Licença válida
Chave do Pedido: 11808bbc6205bade68f0b70c302eaa74d4305945
Chave do Produto: PROKEY
Scroll Top

Junte-se a 22.515 pessoas que
decidiram aprender tudo sobre Criação de Blogs Profissionais e Redes Sociais.

Widget

Widget contador estatística de postagens e comentários

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="http://lh6.ggpht.com/_MUqB1VM205U/TTelqpNMkHI/AAAAAAAAAFM/zWNR8OgvMrA/boxcount-post-comment.png"/></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)
http://lh6.ggpht.com/_MUqB1VM205U/TTelqpNMkHI/AAAAAAAAAFM/zWNR8OgvMrA/boxcount-post-comment.png

Contador Estatística de comentários e postagens com í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>
<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!

Poderá gostar também deste outro widget:
Script Contador Twitter+Feed+Posts+Comentários.



De um play no vídeo abaixo e aprenda a Criar blogs Profissionais




Gostou deste artigo? Ajude nosso projeto.
Compartilhe em suas redes sociais nos botões abaixo:

Fundadora do Mundo Blogger. Autodidata que adora internet, que se encantou com blogs, seus códigos e templates, desde 2009, e por conta disso começou a "brincar" com web design nas horas vagas, até que resolveu criar o Mundo Blogger para compartilhar o que aprendeu com você através dos tutoriais publicados aqui.

Sobre o autor | Website

Fundadora do Mundo Blogger. Autodidata que adora internet, que se encantou com blogs, seus códigos e templates, desde 2009, e por conta disso começou a "brincar" com web design nas horas vagas, até que resolveu criar o Mundo Blogger para compartilhar o que aprendeu com você através dos tutoriais publicados aqui.

14 Comentários

  1. Eduardo Casagrande disse:

    Contador Estatística de comentários e postagens com ícones: Está desalinhado. Pode dar uma olhada nisso, por favor?

    Muito obrigado!

  2. uerles disse:

    muito bom clau vc sabe que faz

    bem deixa fazer pergunta clau eu tive procurando nao se se ja existe html para quando passa mouse sobre imagem diga nome dela mas nao so de uma foto mas de todos fotos tem como fazer isso de uma so vez ou nao???

  3. André Oliveira disse:

    adorei, obrigado …

  4. Caçadora de Livros disse:

    Olá.
    Tudo bem?
    Coloquei o contador, porém a quantidade de comentários não aparece.
    Você poderia me ajudar?
    Abs

  5. Mae Bonita disse:

    U are amazing! congratulations,muio interessante o seu blog,sou nova por aki, e ainda tentando desenvolver meu blog,gracas a sua ajuda to compreendendo algumas coisas sobre codigos na kal eu era leiga..muito obrigado por ter criado esse blog ,tenho certeza ke ajuda a mim e a muitos…

  6. Elyplay mala disse:

    Clauuuuuuuuuuuuu te amo vc é d+ *-*

  7. SANDRA BIANCO disse:

    muito bom

  8. sogatas.org disse:

    valeu era o que eu tava procurando..

  9. .:: Clau ::. disse:

    JT
    Já atualizei o post e inclui os links das imagens para download. Obrigada por avisar.

  10. JT disse:

    Adorei, já uso a bastante tempo, mas nunca mais me lembrei de fazer uma pequena queixa :s
    As imagens estão inválidas, pode comprovar no meu blog:
    http://eujogador-pt.blogspot.com
    Se mas puder enviar agradecia!
    Parabéns pelo blog 😉

  11. Updatefreud Kevin disse:

    Gostei muito deste widget, vou ver se coloco no meu blog! Valeu!

  12. ?Carla_Witch Princess? disse:

    Tb coloquei esse widget no meu Mundo de Magia…
    Adorei!
    Bjinhosssssssss

  13. ::Clau:: disse:

    Ganhe Brindes:
    Obrigada, fico muito feliz em saber que minhas dicas ajudam, isso torna o trabalho mais gratificante ainda…
    Obrigada e volte sempre aqui…=)

  14. Ganhe Brindes disse:

    Adoro suas dicas!!
    Coloquei o contador no meu blog
    http://ganhebrindesepromocoes.blogspot.com/

    Obrigada!!

Desculpe, os comentários deste artigo estão desativados.

Por gentileza, se deseja alterar o arquivo do rodapé,
entre em contato com o suporte.