Dominio: mundoblogger.com.br
Chave: 6750f38d68212cb9ffc85aee2a0ef61d0ebf4f04
Hora do cache: 1487184857
Vida do cache: 1488480853
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.

Hospedagem - 728 x 90

Códigos e Scripts

Script Contador Twitter+Feed+Posts+Comentários

O SemNome conseguiu desenvolver um contador em javascript, que mostra o número de seguidores do Twitter e assinantes de Feed. No script original os contadores se apresentam em forma de texto, sem imagens ou ícones.
Baseado neste script, eu inclui nele os scripts de contagem de postagens publicadas e contagem de comentários e adaptei ‘skins’ incluindo imagens ícones para cada tipo de contador, e assim nasceu um Widget bem completo que funciona a base de javascript, sem necessidade usar funções em PHP.


DEMO

Este script pode ser usado em qualquer plataforma, e tem suporte para uma maior personalização, bastando fazer algumas configurações, e a instalação é superfácil.

Instalando o Widget:

Vá para a aba “design”, clique em “adicionar um gadget”, escolha o modo HTML/javascript e cole o seguinte código:



<script language='javascript' type='text/javascript'src='http://dl.dropbox.com/u/3173073/Widgets/contador-twitter-feed.js'></script>
<div style='float:left;padding:8px;'>
<img src="http://lh6.ggpht.com/_MUqB1VM205U/TPMh48HX-8I/AAAAAAAAAEI/6BfzSSrGJ4M/User-web-2.0-twitter-48.png" style="margin-right: 8px; float:left;" />
<a href="URL-DO-SEU-TWITTER" target="_blank" ><span style="float: left; margin-top:2px;padding:0;font-size:20px;color:#000;font-family:Arial,Helvetica,sans-serif;">
<script type="text/javascript"> xtwitter("Nome-De-Usuario-do-Twitter") </script> Seguidores</span><br />
<span style="float:left;margin:0px;padding:0px;font-size: 12px;color:#000;font-family:Arial,Helvetica,sans-serif;">Siga no twitter</span></a>
</div>
<div style='float:left;padding:8px;'>
<img src="http://lh4.ggpht.com/_MUqB1VM205U/TPMh5B9QcxI/AAAAAAAAAEM/0We1_sZq2cc/User-web-2.0-rss-48.png" style="margin-right:8px;float:left;" />
<a href="URL-DO-SEU-FEED" target="_blank" ><span style="float:left;margin-top:2px;padding:0;font-size: 20px; color:#000;font-family:Arial,Helvetica,sans-serif;"">
<script type="text/javascript"> xfeedburner("Nome-do-Seu-Feed-no-FeedBurner") </script> Assinantes</span><br />
<span style="float:left;margin:0px;padding:0px;font-size:12px; color:#000;font-family:Arial,Helvetica,sans-serif;"">Assine também!</span></a>
</div>
<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;font-size:20px;color:#000;font-family:Arial,Helvetica,sans-serif;">
<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="URL-DO-SEU-BLOG/search/label/?max-results=999" target="_blank"><span style="float:left;margin-top: 2px;padding:0;font-size:20px;color:#000; font-family:Arial, Helvetica, sans-serif;">
<script src="/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script> Postagens
</span><br/>
<span style="float:left;margin:0px;padding:0px;">Confira!</span></a>
</div>
<br/>
<div style='clear:both;'/>
<span style="position:absolute; float:center;text-decoration:none;"><font size="1" face="Microsoft Sans Serif"><script language='javascript' type='text/javascript' src='http://dl.dropbox.com/u/3173073/Widgets/widget-twitter-feed-post-comments.js'></script></font></span></div>

Os campos destacados em vermelho são os locais onde você deverá alterar incluindo suas urls e nome do seu twitter, feed e endereço do seu blog.
Caso queira alterar a cor da fonte, altere todos os campos “color:#000;”.

Cabe salientar que os créditos originais de autoria do script do contador do Twitter e Feed, pertencem ao SemNome, entretanto eu fiz algumas adaptações e inclusões no script original que ele desenvolveu, portanto se você for utilizá-lo , ou quiser publicá-lo em seu blog, não retire os créditos!

Inté…;)



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.

26 Comentários

  1. Franci Mia disse:

    Oie, gosto muito desses contadores, tem como criar um contador de seguidores do blog, pra substituir o gadget de seguidores do Google, ele dá brechas no código de bloqueio de cópia do blog. Algo que só mostre o número de seguidores. Sem necessidade do botão seguir, só contador mesmo, isso tem como flor?

  2. Vanda disse:

    Gostei muito e já instalei.
    Gostaria de saber se já tem algum widget novo (como o seu, que está na sidebar).

    Obrigada =)

    • Vanessa disse:

      Vanda, Esse que eu uso aqui no MB é para wordpress…mas eu vou publicar um para blogger…estou fazendo uns testes ainda :)

  3. Vanessa, esse é um dos melhores blogs com conteúdo sobre o Blogger que já encontrei.

    Parabens pelo excepcional trabalho.

  4. Lina disse:

    Eu consegui incluir o Facebook. É só copiar o código referente ao Twitter, colar em baixo e modificar aonde for preciso.Trocar Twitter por Facebook no código.

    Eu tive que trocar as imagens, mas é só vc procurar q vc acha ícones muito legais, aqui mesmo vc acha.

  5. pensaoacaso disse:

    Eu gostei muito mais… teria como eu adicionar o botão do Facebook?

    Obrigada.

  6. .:: Clau ::. disse:

    Andreia
    O feedburner as vezes apresenta algumas instabilidades. Dá uma lida no meu comentário de nº 13

  7. Andreia De Lange. disse:

    oi clau…tudo bem? gostaria que voçe me ajudasse com esse Widget porq os valores do meu feed nao aparecem de maneira nenhuma, mas os numeros de comentarios e de post sim… se puder me ajudar agradesso, eu sou iniciante e meu blog e uma verdadeira bagunça rsrsrs! bom a hora que eu consseguir aprender providencio outro… mas quero tambem agradesser pela dica de post resumido com continue lendo, na pagina inicial… ficou do jeito que eu a tempos estava querendo, muito obrigada pelas dicas…seu blog e 10…parabens!

  8. Bruno Costa disse:

    Tem rolado em alguns blogs um contador de usuários para páginas do facebook, não seria legal tentar implementar mais essa opção?

  9. .:: Clau ::. disse:

    Rede de mulheres
    É só vc retirar o trecho do código referente ao twitter.

  10. REDE DE MULHERES NO PENIEL disse:

    Bom dia! estou seguindo o seu espaço e gostaria de saber se for possível né!
    Tem como colocar no meu blog, o Script Contador Twitter+Feed+Posts+Comentários, sem o Twitteer? pq o meu blog é um blog simples,que só fala de Deus,e não tenho Twitter. Se puder me responder, ficarei muito feliz, se não também vou entender. Deus te abençoe, e fique na paz de Jesus Cristo

  11. Solinet disse:

    Olá,

    Vou fazer um teste do scripts,

    Daniel Ambrosio
    http://www.solinecofre.com.br/

  12. Aparecido Sales disse:

    Só não funcionou o comentario, aliás não esta funcionando coment´rio no meu blog, tem, mas não funciona

  13. ::Clau:: disse:

    lolTUGAlol:
    Dá uma lida no artigo do Paulo Estevão:
    0 Assinantes Feed? Erro no Widget?
    Lá ele explica bem detalhadamente sobre as instabilidades que ocorrem no feedburner e o pq.

  14. lolTUGAlol disse:

    boa noite.
    queria saber porque é que os assinantes do feed tão a zero no meu blog.
    kd pede para meter o nome do feed o k meto???

  15. ::Clau:: disse:

    @Jéssica Guedes:
    Pois é, só nos resta aguardar, é o jeito…=)
    Beijos para vc tb e volte sempre que precisar mesmo 😉

  16. Jéssica Guedes disse:

    Olá Clau!
    Muito obrigada pela resposta!
    Como já sei que o problema não é com a instalação, posso ficar mais sossegada… Agora é só aguardar, não é?!

    Um enorme beijo! Até a próxima!;D

  17. ::Clau:: disse:

    @MatsoThiago e
    @Jéssica Guedes:

    Isso é devido a um bug que está ocorrendo no Blogger, não está relacionado ao script.
    Deem uma lida neste artigo:
    Bugs no Blogger: erro na contagem de comentários e outros problemas.

  18. Jéssica Guedes disse:

    Olá linda, eu aqui de novo, como vai?!
    Eu coloquei este gadget no meu blog fazendo pequenas modificações nas imagens e nas cores, porém percebi que a quantidade de comentários mostrado está errado…
    Você tem idéia do que pode ser e como resolver???

    Um super beijo! Belo trabalho!

  19. @MatsoThiago disse:

    Clau, tem algo errado com o número de comentários? Porque o meu empacou nos 27, mesmo com mais comentários já feitos. :S

  20. @MatsoThiago disse:

    Tô usando. =)

  21. Jeffrey Dead disse:

    É verdade juro q não tinha visto XD agora esta funcionando obrigado XD

  22. ::Clau:: disse:

    @DownloadsXT:
    eu sei como é, as vezes tenho vontade de inserir algumas coisas,mas não gosto de "abarrotar" minha sidebar.

    @MamaNunes:
    \o valeu pela visita, volte sempre viu?

    @Dead Again:
    Não só o link do seu twitter como tb tem um campo onde vc deverá inserir seu nome de usuário, senão ele não vai funcionar mesmo.

  23. Jeffrey Dead disse:

    tmuito legal….mais só q no meu não mostra a quantidade de seguidores no twitter T.T ….pq sera?É só colocar o link do meu twitter né?!

  24. MamaNunes disse:

    Muito legal!
    bjs!

  25. Žéß?_?T disse:

    Excelente, tou pensando se eu adiciono no meu blog. Sem espaço no blog é ruim de mais, tou até pensando em trocar o template. Vlw

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

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