Atualizado! 05/02/2010 Atualizado! 25/03/2010 Atualizado! 02/08/2011

Alguns dias atrás publiquei aqui no Códigos Blog um script que mostra em forma de texto o número de assinantes feed de qualquer blog e fiquei devendo o contador de seguidores do Twitter. Pois é, não consegui desenvolver um contador de seguidores como prometi, no entanto o Marcos Lemos do Ferramentas Blog conseguiu arrumar o tal script.
O Marcos está com alguns problemas no servidor do widget e com minhas artimanhas e algumas dicas do Fernando, consegui criar o código para ler o número de seguidores do Twitter e com isso o widget está completo e funcionando.

Mas antes de continuar, sugiro ler este artigo sobre Como Ganhar Dinheiro na Internet.

Com esse post, vou divulgar o widget de assinantes feed + seguidores Twitter. Siga os passos abaixo:

Leia mais:

• Contador de assinantes feed em forma de texto

1º– Faça login no Blogger, entre em “Layout” -> “Elementos da página”, clique em “Adicionar um Gadget” -> “HTML/Java Script”

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

<code><span id="fullpost">&lt;div align="center"&gt;</span>
<span id="fullpost">  &lt;div style='width: 170px; height: 112px; border: 4px #EFEFEF solid;   margin: 0; padding: 0; background: #fff; font-family: "Times New Roman",   Times, serif;'&gt;</span>
<span id="fullpost">  &lt;div style='width: 170px; height: 40px; float: left; padding:   8px;'&gt;&lt;img   src="http://codigosblog.net/servidor/widget_twitter+feed/feed-icon.png"   width="40" height="40" style="margin-right: 8px; float: left;"/&gt;   &lt;a href="http://feeds.feedburner.com/<b style="color: #cc0000;">NOME_DO_FEED</b>" target="_blank" &gt;&lt;span style="float: left;   margin-top: 2px; padding: 0; font-size: 17px; color: #000066;   font-family: "Times New Roman", Times, serif;"&gt;</span>
<span id="fullpost">  &lt;script language='javascript' type='text/javascript'   src='http://codigosblog.net/servidor/contadorFeed/contadorfeed.js?uri=<b style="color: #cc0000;">NOME_DO_FEED</b>'&gt;&lt;/script&gt;   leitores&lt;/span&gt;&lt;br/&gt;</span>
<span id="fullpost">  &lt;span style="float: left; margin: 0px; padding: 0px; font-size: 12px;   color: #000066; font-family: "Times New Roman", Times,   serif;"&gt;assine o feed&lt;/span&gt;&lt;/a&gt;</span>
<span id="fullpost">  &lt;/div&gt;</span>
<span id="fullpost">  &lt;div style='width: 170px; height: 40px; float: left; padding:   8px;'&gt;</span>
<span id="fullpost">  &lt;img   src="http://codigosblog.net/servidor/widget_twitter+feed/twitter-icon.gif"     width="40" height="40" style="margin-right: 8px; float: left;" /&gt;</span>
<span id="fullpost">  &lt;a href="http://www.twitter.com/<b style="color: magenta;">SEU_USUÁRIO_TWITTER</b>"   target="_blank" &gt;&lt;span style="float: left; margin-top: 2px;   padding: 0; font-size: 17px; color: #000066; font-family: "Times New   Roman", Times, serif;"&gt;</span>
<span id="fullpost">  &lt;script type='text/javascript'   src="http://codigosblog.net/servidor/contadorTwitter/contadortwitter.js?usuario=<b style="color: magenta;">SEU_USUÁRIO_TWITTER</b>"&gt;&lt;/script&gt;   followers&lt;/span&gt;&lt;br/&gt;</span>
<span id="fullpost">  &lt;span style="float: left; margin: 0px; padding: 0px; font-size: 12px;   color: #000066; font-family: "Times New Roman", Times, serif;"&gt;siga   no twitter&lt;/span&gt;&lt;/a&gt;</span>
<span id="fullpost">  &lt;/div&gt;</span>
<span id="fullpost">  &lt;/div&gt;</span>
<span id="fullpost">  &lt;span style="font-size: 10px; font-family:Arial, Helvetica,   sans-serif; padding: 2px 0px 0px 0px; margin:   0;"&gt;&lt;small&gt;&lt;script language='javascript'   type='text/javascript'   src='http://www.codigosblog.net/servidor/widget_twitter+feed/widget+codigosblog.js'&gt;&lt;/script&gt;&lt;/small&gt;&lt;/span&gt;</span>
<span id="fullpost">  &lt;/div&gt;</span></code>

Substitua:

• NOME_DO_FEED pelo nome do feed do seu blog.

Exemplo: http://feeds.feedburner.com/codigosblog (no caso o NOME_DO_FEED é: codigosblog)

• SEU_USUÁRIO_TWITTER pelo nome de usuário do seu Twitter.

Exemplo: http://twitter.com/pauloestevao (no caso o SEU_USUÁRIO_TWITTER é: pauloestevao)
Obs.: Coloque o nome de usuário do Twitter todo em letras minúsculas! Se colocar alguma letra maiúscula o widget não vai funcionar.

Lembre-se: Existem quatro modificações a serem feitas.

3º – Depois que modificar é só salvar. Não tem problema algum em modificar o widget, basta não retirar os créditos.

4º – Para o contador de assinantes feed funcionar, você deve liberar a funcionalidade diretamente no FeedBurner.
Entre no site www.feedburner.com , faça seu login, acesse a conta desejada.
Acesse a aba: “Publicize” (Publicar) e clique em “FeedCount” (FeedCount) localizado no menu lateral. Após isso clique em “Activate” (Ativar).

Pronto! O contador está ativado.

Assine o Feed do Códigos Blog e em breve divulgarei mais widgets feed e widgets Twitter.