Criar um contador automatizado para Blogger não é um processo simples, e talvez por essa razão a grande maioria dos blogueiros não utilize sequer contagem de artigos, seguidores, assinantes, etc.
No entanto, o amigo Marcos Lemos do Ferramentas Blog, resolveu pegar na ideia que desenvolvemos aqui na Escola Dinheiro, e criar um contador automático de artigos, seguidores e assinantes para Blogger, o qual você poderá usar livremente no seu blog. Veja como:
Para conseguir colocar esse contador a funcionar em pleno no seu blog, você deverá ter uma conta no Feedburner e realizar algumas operações com ela.
Para ativar o contador, vá ao painel do FeedBurner, clique no menu Publicize > FeedCount e, no final, salve e ative – como ilustrado na imagem abaixo.
No Blogger, abra o painel de controlos e vá em Layout > Elementos da página e clique em Adicionar um Gadget na sidebar onde quer adicionar o menu.
Depois de clicar, vai abrir uma janela com as opções de gadgets disponíveis do Blogger. Procure pelo HTML/Javascript e adicione esse.
Na janela que abrir, haverá espaço para adicionar o código do menu. Então cole lá o seguinte trecho:
<script style="text/javascript">
function totalPosts(json) {
document.write('<b>' + json.feed.openSearch$totalResults.$t + '</b>');
}
function totalComments(json) {
document.write('<b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
</script>
<div align="center">
<table border="0" cellspacing="0" cellpadding="0" width="262"><tbody>
<tr>
<td>
<table border="0" cellspacing="0" cellpadding="0" width="260"><tbody>
<tr>
<td valign="top" width="65">
<p align="center"><a href="URL_DO_FEED"><img style="border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="Assinar Feed" border="0" alt="Assinar Feed" src="http://ferramentasblog.com.br/icone-feed.png" width="32" height="32" /></a> <font size="1" face="Microsoft Sans Serif">Assinantes</font><br />
<b><script language='javascript' type='text/javascript' src='http://www.codigosblog.net/servidor/contadorfeed.php?uri=NOME_DO_FEED'></script></b>
</p>
</td>
<td valign="top" width="65">
<p align="center"><a href="http://twitter.com/SEU_USUÁRIO_TWITTER"><img style="border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="Seguir no Twitter" border="0" alt="Seguir no Twitter" src="http://ferramentasblog.com.br/icone-twitter-32.png" width="32" height="32" /></a> <font size="1" face="Microsoft Sans Serif">Seguidores</font><br />
<b><script type='text/javascript' src='http://www.ferramentasblog.com.br/twitter/twitter-php.php?usuario=SEU_USUÁRIO_TWITTER'></script></b>
</p>
</td>
<td valign="top" width="65">
<p align="center"><img style="border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="Artigos Publicados" border="0" alt="Artigos publicados" src="http://ferramentasblog.com.br/icone-posts-32.png" width="32" height="32" /> <font size="1" face="Microsoft Sans Serif">Artigos</font><br />
<script src=" /feeds/posts/default?alt=json-in-script&callback=totalPosts"></script></p>
</td>
<td valign="top" width="65">
<p align="center"><img style="border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="Comentários recebidos" border="0" alt="Comentários recebidos" src="http://ferramentasblog.com.br/icone-comment-32.png" width="32" height="32" /> <font size="1" face="Microsoft Sans Serif">Comentários</font><br /><script src=" /feeds/comments/default?alt=json-in-script&callback=totalComments"></script></p>
</td>
</tr>
</tbody></table>
<div align="right">
<span style="font-size: 70%">Widget <a target="_blank" href="http://www.ferramentasblog.com/">FerramentasBlog</a> e <a target="_blank" href="http://www.escoladinheiro.com/">EscolaDinheiro</a></span>
</div>
</td>
</tr>
</tbody></table>
</div>Agora só modifique no código o que indicarmos:
- Onde está a URL de seu Feed, você deverá colocar algo como: http://feeds.feedburner.com/fiquerico
- Na parte destacada para adicionar o seu usuário do Twitter, você colocar o seu nome do Twitter. Por exemplo: escoladinheiro.
Salve! Veja onde foi adicionado o gadget, arraste para onde deseja que fique os ícones na sua barra lateral e salve as modificações. Vá até seu blog e veja o resultado. Pedimos que não retire os créditos de criação do gadget por razões óbvias!
Obrigado ao Marcos Lemos do Ferramentas Blog por esse tutorial e pela ajuda no desenvolvimento da ideia para Blogger!
Se tiver dúvidas na integração, comente!
