Saiba como se faz:..."Script Contador Twitter+Feed+Posts+Comentários"
Autor: Edilene brandao da silva | Publicado: 2015-08-06T04:39:00-07:00


  "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Script Contador Twitter+Feed+Posts+Comentários" 






"&nbsp; 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."
&nbsp;
"&nbsp;&nbsp; Baseado  neste script,"...
&nbsp;..."&nbsp;&nbsp; inclui nele "...

..."&nbsp; scripts de contagem de postagens  publicadas&nbsp;

e contagem de comentários e&nbsp;

..."&nbsp;&nbsp; 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


"&nbsp; 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&nbsp;&nbsp;&nbsp; "&nbsp;&nbsp; design",&nbsp;&nbsp;&nbsp; clique em "&nbsp;&nbsp;&nbsp; adicionar um gadget", escolha o modo HTML/javascript e cole o seguinte código:


&nbsp;
 &lt;script language='javascript' type='text/
javascript'src='http://dl.dropbox.com/u/3173073/Widgets/
contador-twitter-feed.js'&gt;&lt;/script&gt;
&lt;div style='float:left;padding:8px;'&gt;
&lt;img src="http://i39.tinypic.com/maxd2p.jpg" style="margin-right: 8px;&nbsp;
float:left;" /&gt;
&lt;a href="URL-DO-SEU-TWITTER" target="_blank" &gt;&lt;span style="float: left;&nbsp;
margin-top:2px;padding:0;font-size:20px;color:#000;
font-family:Arial,Helvetica,sans-serif;"&gt;
&lt;script type="text/javascript"&gt; xtwitter("Nome-De-Usuario-do-Twitter")&nbsp;
&lt;/script&gt; Seguidores&lt;/span&gt;&lt;br /&gt;
&lt;span style="float:left;margin:0px;padding:0px;font-size: 12px;
color:#000;font-family:Arial,Helvetica,sans-serif;"&gt;
Siga no twitter&lt;/span&gt;&lt;/a&gt;
&lt;/div&gt;
&lt;div style='float:left;padding:8px;'&gt;
&lt;img src="http://i39.tinypic.com/15x4as4.png"&nbsp;
style="margin-right:8px;float:left;" /&gt;
&lt;a href="URL-DO-SEU-FEED" target="_blank" &gt;&lt;span style="float:left;
margin-top:2px;padding:0;font-size: 20px; color:#000;
font-family:Arial,Helvetica,sans-serif;""&gt;
&lt;script type="text/javascript"&gt; xfeedburner
("Nome-do-Seu-Feed-no-FeedBurner")
 &lt;/script&gt; Assinantes&lt;/span&gt;&lt;br /&gt;
&lt;span style="float:left;margin:0px;padding:0px;font-size:12px;&nbsp;
color:#000;font-family:Arial,Helvetica,sans-serif;""&gt;
Assine também!&lt;/span&gt;&lt;/a&gt;
&lt;/div&gt;
&lt;div style='height:40px;float:left;padding:8px;'&gt;
&lt;img src="http://i42.tinypic.com/ejet90.png"&nbsp;
style="margin-right:8px;float:left;" /&gt;
&lt;span style="float:left;margin-top:2px;padding:0;font-size:20px;
color:#000;font-family:Arial,Helvetica,sans-serif;"&gt;
&lt;script style="text/javascript"&gt;
function showpostcount(json) {
document.write(parseInt
(json.feed.openSearch$totalResults.$t,10));
}&lt;/script&gt;
&lt;script src="/feeds/comments/default?alt=
json-in-script&amp;callback=showpostcount"&gt;&lt;/script&gt;&nbsp;
Coment&amp;aacute;rios&lt;/span&gt;&lt;br /&gt;
&lt;span style="float:left;margin:0px;padding:0px;"&gt;
Comente também!&lt;/span&gt;
&lt;/div&gt;
&lt;div style='float:left;padding:8px;'&gt;
&lt;img src="http://i42.tinypic.com/5cno2c.png"
 style="margin-right:8px;float:left;" /&gt;
&lt;a href="URL-DO-SEU-BLOG/
search/label/?max-results=999" target="_blank"&gt;
&lt;span style="float:left;margin-top: 2px;padding:0;
font-size:20px;color:#000;&nbsp;
font-family:Arial, Helvetica, sans-serif;"&gt;
&lt;script src="/feeds/posts/
default?alt=json-in-script&amp;callback=showpostcount"&gt;
&lt;/script&gt; Postagens
&lt;/span&gt;&lt;br/&gt;
&lt;span style="float:left;margin:0px;
padding:0px;"&gt;Confira!&lt;/span&gt;&lt;/a&gt;
&lt;/div&gt;
&lt;br/&gt;
&lt;div style='clear:both;'/&gt;
&lt;span style="position:absolute; float:center;
text-decoration:none;"&gt;
&lt;font size="1" face="Microsoft Sans Serif"&gt;
&lt;script language='javascript'&nbsp;
type='text/javascript'&nbsp;
src='http://dl.dropbox.com/u/3173073/Widgets/
widget-twitter-feed-post-comments.js'&gt;
&lt;/script&gt;
&lt;/font&gt;&lt;/span&gt;&lt;/div&gt;



"&nbsp; 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."
&nbsp;
"&nbsp; Caso queira alterar a cor da fonte,&nbsp;
altere todos os campos "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; color:#000;".

&nbsp;&nbsp;&nbsp;&nbsp; "&nbsp;&nbsp; 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!"




fonte e créditos do presente post: 

http://www.mundoblogger.com.br/

2010/04/script-contador-twitterfeedpostscomenta.html