Ajouter un compteur de followers Twitter sur Blogger :)

Ce lundi, j'ai pensé à vous proposer un petit bout de code pour afficher le nombre de followers twitter. Car cela faisait un moment que je n'avais pas écrit un billet "sérieux". Par faute de temps, j'ai repoussé le billet jusqu'à maintenant... Hier en lisant mes flux rss, Christophe l'a écrit sur son blog Techtrends - Intégrer un Twitter-counter sexy à votre blog. Ça, c'est de la transmission de pensée ;)


Je vais donc orienter son code (merci ;) pour les utilisateurs de blogger. L'ajout de ce compteur se fait en 2 étapes.

0. N'oubliez pas de faire une sauvegarde de votre modèle.

1. Insertion du code Javascript
Allez dans votre Tableau de bord ensuite Mise en page puis Modifier le code HTML et enfin copier/coller le script ci-dessous à l'endroit désiré.
<script type='text/javascript'>function twitterCounter(twitters) { var usercount = twitters[0].user.followers_count
document.getElementById('twitter_counter').innerHTML = usercount; }</script><a href='http://twitter.com/toin0u'>Déjà <span id='twitter_counter'/> followers sur Twitter !</a><script src='http://twitter.com/statuses/user_timeline/toin0u.json?callback=twitterCounter&amp;count=1' type='text/javascript'/>NB: changez toin0u par votre identifiant twitter ;)

2. Insertion du code CSS
2.a. Recherchez (ctrl-f)
<![CDATA[/*2.b. Collez en dessous
#twitter_counter {
font-size: 22px;
color: #08ADEF;
}NB: laissez aller votre imagination & créativité ;)
2.c. Sauvegardez votre modèle

Voilà, c'est terminé :) Si vous rencontrez un problème, je suis à votre écoute. Pour les explications "technique", je vous invite à lire le billet de Christophe :)
bLoG: ackorea.blogspot.com bY R^, Béa & tOiN0U