Dominio: codigosblog.com.br
Chave: af255c39c6cbf2ba03ac5b531649215539d8d61a
Hora do cache: 1480680766
Vida do cache: 1481976762
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 Blogs,
SEO e Monetização.

Hospedagem - 728 x 90

Comentários Contador Facebook Feed Postagens Redes Sociais Twitter Widgets

Widget contador de redes sociais, postagens e comentários para Blogger

Fiz mais esse widget para vocês divulgarem e embelezarem seus blogs. Algo simples, porém bem trabalhado com alguns efeitos via CSS3.

O widget mostra o ícone e o número de assinantes feed, seguidores do Twitter, fãs do Facebook, quantidade de postagens e comentários.

Conheça outros widgets:

O widget funciona 100% apenas no Blogger. Veja o mesmo widget para WordPress clicando aqui.

Como instalar:

1º- Faça login no Blogger.
– No antigo Blogger: Entre em “Layout” -> “Elementos da página”, clique em “Adicionar um Gadget” -> “HTML/JavaScript
– No novo painel: Entre em “Layout”, clique em “Adicionar um Gadget”, escolha a opção “HTML∕JavaScript”;

– Ao abrir uma janela cole o seguinte código:

<style>.redesss img {-o-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;margin-bottom:3px;padding: 0 5px;}
.redesss img:hover {opacity:0.65;-moz-opacity: 0.65;filter: alpha(opacity=65);}
.redesss b {line-height: 16px;}</style>
<div class="redesss" style="font-size:9px;font-weight: bold;text-align:center;font-family: Arial, Helvetica, sans-serif;">
<div style="width: 51px;float:left;margin-right:10px;">
<a href="http://feeds.feedburner.com/NOME_FEED"><img src="http://codigosblog.net/servidor/gadget_social/rss.png"/></a>
<b style="font-size: 12px;"><script language='javascript' type='text/javascript' src='http://codigosblog.net/servidor/contadorFeed/contadorfeed.js?uri=NOME_FEED'></script></b><br/>Assinantes
</div>
<div style="width: 51px;float:left;margin-right:10px;">
<a href="http://facebook.com/NOME_FACEBOOK"><img src="http://codigosblog.net/servidor/gadget_social/facebook.png"/></a>
<b style="font-size: 12px;"><script type="text/javascript" src="http://codigosblog.net/servidor/contadorfacebook/facebook.php?id=ID_FACEBOOK"></script></b> <br/>Fãs
</div>
<div style="width:51px;float:left;margin-right:10px;">
<a href="http://twitter.com/NOME_TWITTER"><img src="http://codigosblog.net/servidor/gadget_social/twitter.png"/></a>
<b style="font-size: 12px;"><script type='text/javascript' src="http://codigosblog.net/servidor/contadorTwitter/contadortwitter.js?usuario=NOME_TWITTER"></script></b> <br/>Seguidores
</div>
<div style="width:51px;float:left;margin-right:10px;">
<img src="http://codigosblog.net/servidor/gadget_social/artigos.png"/>
<b style="font-size: 12px;"><script type="text/javascript"> function showpostcount(json) { document.write(parseInt(json.feed.openSearch$totalResults.$t,10)); }</script><script src="/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script></b> <br/>Artigos
</div>
<div style="width: 51px;float:left;">
<img src="http://codigosblog.net/servidor/gadget_social/comment.png"/>
<b style="font-size: 12px;"><script type="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> </b> <br/>Comentários
</div>
<div style="clear:both;"></div>
</div>

- Faça as seguintes modificações:
NOME_FEED - pelo nome do feed do seu blog.
Exemplo: http://feeds.feedburner.com/codigosblog (no caso o NOME_FEED é: codigosblog)

ID_FACEBOOK - pelo id único da sua fan page. Para pegar entre na página, acesse o link:

http://graph.facebook.com/NOME_DA_PAGINA

Substitua o NOME_DA_PÁGINA pelo nome da página do seu blog, exemplo: http://graph.facebook.com/codigosblog
Pegue o ID na primeira linha da página aberta.

Obs.: Se sua página não tem link personalizado, é mais simples, basta pegar o ID no próprio link da página. Exemplo: https://www.facebook.com/pages/BenQ_Brasil/387923397887863

Obs.2:  Preste bem atenção para pegar o trecho certo! Você deve pegar o ID, não o nome da página!

NOME_FACEBOOK - Aqui sim você coloca o link completo da sua fan page. 

NOME_TWITTER pelo nome de usuário do seu Twitter.
Exemplo: http://twitter.com/pauloestevao (no caso o NOME_DE_USUARIO é: pauloestevao)

- Salve e pronto!
Se você entende um pouco de HTML e CSS, faça quantas modificações quiser.
Faça tudo com atenção. Qualquer errinho atrapalha o funcionamento do widget.

Vocês podem notar que não coloquei créditos. Não esqueci e sim porque acho mais limpo o widget sem créditos. Seu blog fica mais bonito assim! =]
Eu peço apenas que coloque nosso link ou banner em qualquer parte do seu blog. Apenas como uma forma de agradecimento. Todavia, você não é obrigatório, apenas faço a solicitação.

Deixe seu link abaixo mostrando como ficou o widget em sua página! ;D

Atualizado! 18/11/12
OBS.: Se seu contador feed não sai do 0, ative o "Awareness API" no FeedBurner. Dica enviada por Edson F.

Leia também:

Abraços



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:

101 Comentários

  1. Potter disse:

    Ótimo post!
    Preciso de uma ajuda com o gadget. Deixei ele flutuante ao lado da página, mas queria deixar um que já vi em outros blogs que é o "revelar/esconder" ao passar o mouse por cima nos ícones do gadget. Por exemplo, os ícones ficam meio escondidos no lado da página, aparecendo apenas uma parte, mas no momento que o mouse é passado por cima, este ícone aparece por inteiro. Como faço isso??

  2. Potter disse:

    Brother,
    O numero de assinantes não quer aparecer.
    O que faço?

  3. diPedro disse:

    existe algum delay na contagem dos fas do facebook? Pois o contator do fas do facebook para a page http://www.facebook.com/FinancasForever não está contando…o id conforme segui o tutorial é 116402048448804

  4. Fabiano Souza disse:

    Veja como ficou no meu blog

    http://suportefk.blogspot.com/

  5. birasblog disse:

    muito legal cara valeu!

  6. Wandy Cassoma disse:

    usei este gadget no meu blog e adorei.
    veja como ficou: http://meunicomundo.blogspot.com/

  7. Edson F. disse:

    Paulo, como vai?
    O contador de assinantes está zerado faz dias, seria algum problema com o Feedburner? Tem alguma notícia a respeito?
    Abraços na alma!

  8. Edson F. disse:

    Paulo, obrigado, mas já havia lido este post/artigo seu. O problema de permanecer algum tempo zerado eu já acompanhava e não havia problema com isso. O que ocorre é que faz dias que zerou e não volta em nenhum momento do dia ou da noite. Verifiquei junto ao Feedburner, loguei e por lá está tudo ok. Estranhei este comportamento do contador.

  9. Edson F. disse:

    Paulo, consegui descobrir:
    Acessei o Feedburner. Em publicar, ativei o Awareness API. Tudo voltou ao normal.
    Abração na alma!

  10. Alex disse:

    Inseri no meu blog, no entanto, não aparece nenhum contador… Alguém pode me ajudar?

  11. Rogerio disse:

    Paulo você poderia disponibilizar o código por trás dos números (o que está no seu servidor ) é porque eu queria fazer um contador dos subscritos do youtube.

    Se puder ficarei muito grato =)

  12. Paulo Estevão disse:

    @Rogerio,
    Mas o código não tem ligação nenhuma com o YouTube, é bem diferente.

  13. Rogerio disse:

    O do twitter é parecido

  14. altinelisleri.com disse:

    🙂 Mükemmel bir şey! Çok teşekkür ederim! Kod sahibini tebrik ediyorum.

  15. Caike Domingos Laurentino disse:

    Eu fis e deu certo!

  16. M. disse:

    Adorei, parabéns!

  17. Paulo Estevão disse:

    Obrigado! =]

  18. Brazil Humor disse:

    Parabéns paulo

  19. Mayara Sousa disse:

    OLA.. TODOS DERAM CERTO. MENOS O NUMERO DE FAZ DO FACE.
    PEGUEI ID CERTA. ATÉ COLOQUEI A CAIXA DE FAS QUE TAMBÉM E A MESMA ID.

    O QUE PODERIA SER?

    http://testeteresina.blogspot.com.br/

  20. Paulo Estevão disse:

    Por algum motivo que não sei, o Facebook bloqueou seu ID, veja: http://graph.facebook.com/ShowsEventosTeresina

    Se você acessar do Códigos Blog, dá:

    http://graph.facebook.com/codigosblog

    Você mudou tem pouco tempo o link da página? Tem muito tempo que essa página existe?

  21. castrodiantedotrono disse:

    Gostei, Deus te abençoe.

  22. James Moura disse:

    Amigão o meu funcionou perfeitamente, o site é o http://www.novidadesubuntulinux.com , porém meu sidebar é estreito, será que consigo diminuir um pouquinho o tamanho das miniaturas, ou do widget todo?

  23. Tatinda disse:

    Olá, meu contador do Facebook funcionou direito por 1 dia, agora parou na contagem de 600, mas já estou com 614. O que pode ter acontecido?

  24. Tatinda disse:

    favor desconsiderar tudo! Atualizou sozinho na boa. Obrigada!

  25. Henrique disse:

    Olá amigo, o contador de cometários nesse caso é o do padrão do blogger não é mesmo? Como faço para contar os comentários do Facebook? Eu utilizo o sistema de comentários do Facebook!

  26. amigo, fiz tudo como voce mostrou, e realmente funcionou perfeitamente, o unico problema é no facebook e não sai do 0, acabei de criar a fãnpage e não sei como ser fã, sovejo o botão curtir, clico nele e não muda nada no widjet. como ser fã? e se for so curtir, o que pode ser o problema?

  27. Paulo eu estou levando estes ícones.
    Obrigada,bjs

  28. e para o google plus nao tem?

  29. Leandro disse:

    Bom dia amigo, andei por todo lado e não encontrei nada. Este contador conta os comentários do blogger, mas eu utilizo os comentários via facebook. Como faço para contar os comentários do facebook? Entre no site http://seudiadesorte.blogspot.com e veja que os comentários aparecem zerados.

    att,
    Leandro

  30. Ceile disse:

    Não consigo abrir o link para pegar o ID da página. Meu computador abre a opção de download, mas dá erro… =/

  31. Wallison Oliveira disse:

    Usuei o Esquema acima porem o contador do Feedburner nao esta sendo exibido. Somente ele nao esta aparecendo.

    Vou colocar abaixo as linhas pertinentes a parte “Assinantes e me diga se tem algo errado. Obrigado

    .redesss img {-o-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;margin-bottom:3px;padding: 0 5px;}
    .redesss img:hover {opacity:0.65;-moz-opacity: 0.65;filter: alpha(opacity=65);}
    .redesss b {line-height: 16px;}


    Assinantes

    Obrigado

  32. Wallison Oliveira disse:

    Paulo,

    Utilizei as informacoes acima e funcionou parcialmente, meu problema é que nos campos FB e do FeedBurner nao estao sendo exibidos os contadores, nem mesmo com “0”.. Sei que tem a parte do “delay” na atualizacao mas ao menos “0” devia estar correto?

    Obs: MInha pagina do facebook ainda nao tem nome personalizado pois nao tenho mais de 25 curticoes para o fazer. Estou criando tudo primeiro para depois divulgar.

    Agradeco a atencao.

  33. Paulo,estou a procura deste Gadget faz tempo.
    Espero conseguir colocar direito.
    Obrigada por partilhar.
    Linda semana para vc!!!

  34. Junior Alves disse:

    Eai tudo bem? Paulo o meu contato do Feed e do Twitter não mostram nenhum numero, o que pode ser?? Obrigado

  35. Paulo, como vai?

    Faz um tempinho que os seguidores do Twitter não são mostrados no Widget.
    Tem alguma informação sobre, amigo.
    Grande abraço e parabéns, como sempre.

  36. Tiago disse:

    Olá Paulo, tudo bem?

    O widget funcionou, porém o número de seguidores do Twitter não aparecem, só para ter certeza é só inserir o nome do usuário sem o @ certo?

    Outra dúvida, não encontrei o Awareness API no feedburner, há outra forma de mostrar os assinantes?

  37. Marcia disse:

    O recurso do “Awareness API” não está mais disponível e a quantidade de seguidores do twitter tb não apareceu… Como devo proceder?

    Grata

Para enviar seu comentário, preencha os campos abaixo:

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