Códigos e Scripts Vanessa S.
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á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é…;)
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?
Gostei muito e já instalei.
Gostaria de saber se já tem algum widget novo (como o seu, que está na sidebar).
Obrigada =)
Vanda, Esse que eu uso aqui no MB é para wordpress…mas eu vou publicar um para blogger…estou fazendo uns testes ainda 🙂
Vanessa, esse é um dos melhores blogs com conteúdo sobre o Blogger que já encontrei.
Parabens pelo excepcional trabalho.
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.
Eu gostei muito mais… teria como eu adicionar o botão do Facebook?
Obrigada.
Andreia
O feedburner as vezes apresenta algumas instabilidades. Dá uma lida no meu comentário de nº 13
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!
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?
Rede de mulheres
É só vc retirar o trecho do código referente ao twitter.
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
Olá,
Vou fazer um teste do scripts,
Daniel Ambrosio
http://www.solinecofre.com.br/
Só não funcionou o comentario, aliás não esta funcionando coment´rio no meu blog, tem, mas não funciona
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.
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???
@Jéssica Guedes:
Pois é, só nos resta aguardar, é o jeito…=)
Beijos para vc tb e volte sempre que precisar mesmo 😉
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
@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.
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!
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
Tô usando. =)
É verdade juro q não tinha visto XD agora esta funcionando obrigado XD
@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.
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é?!
Muito legal!
bjs!
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