Ajouter un badge Twitter à votre blog

Abonnez vous au flux RSS de ce blog et restez informé en continue !

Il y a peu je partageais avec vous une liste d’adresses où vous pouvez trouver des thèmes graphiques pour les blogs gérés par la plateforme Blogger de Google.  Et bien j’ai franchi le pas également pour mon blog personnel.

J’ai opté pour le thème graphique réalisé par JRY avec quelques petites modifications (je vous rassure rien de bien sorcier).

Tout d’abord, j’ai supprimé le footer d’origine (dans le XML gérant le thème) et ajouté un petit bout de code en haut à droite pour afficher mes dernier Twitt. Pour ce faire, j’ai utilisé la fonction de Twitter permettant de générer un « Badge » pour Blogger.

Coté code cela donne ça :

<div <–Add Style Here –> id= »twitter_div »><ul id= »twitter_update_list »></ul>
<a id= »twitter-link » style= »display:block;text-align:right; » href= »http://twitter.com/MON_PSEUDO »>Me suivre sur Twitter</a>
</div>
<script src= »http://twitter.com/javascripts/blogger.js » type= »text/javascript »></script>
<script src= »http://twitter.com/statuses/user_timeline/MON_PSEUDO.json?callback=twitterCallback2&count=5″ type= »text/javascript »></script>

Vous devez remplacer MON_PSEUDO par le votre et vous pouvez adapter le nombre de Twitt à afficher en modifiant la valeur qui suit count=

Vous pouvez également modifier l’apparence de l’affichage de vos twitts en modifiant l’aspect par l’ajout de styles en remplaçant <–Add Style Here –> par votre style personnalisé. Exemple : style= »background: url(votre-image.gif) top left no-repeat; padding-left: 50px; »

A vous de jouer maintenant