Comment ajouter un bouton retweet sous blogger

On ne présente - presque - plus Twitter. Une des raisons de son succès, c'est qu'il permet de diffuser ultra-rapidement des informations. C'est donc un outil fantastique pour booster le trafic d'un site Web.

Un écosystème de services complémentaires est venu se greffer au site Twitter. Parmi ceux ci on trouve Tweetmeme.com. C'est le Digg de Twitter, c'est à dire qu'il classe les informations les plus retweetées, donc les plus populaires.

Tweetmeme propose de nombreux plugin pour Wordpress, Joomla ou Drupal. Une fois installés sur votre plate-forme ils vont permettre à vos visiteurs de re-teweeter en 1 clic le contenu de votre blog (ou site). Avantage : vous booster le trafic de votre site grâce à la force du réseau.

Seul hic, Tweetmeme ne propose pas encore de plugin compatible Blogger. Voici donc comment faire pour rajouter un bouton "retweet" sur votre blog blogger.

2 versions de bouton retweet

Suivez le guide :

1- Allez dans Mise en page -> Modifier le code HTML
2- Cochez la case "Développer des modèles de gadgets"
3- Cherchez le code suivant :

<div class='post-header-line-1'/>

A- Si vous voulez utiliser un bouton "retweet" par défaut, insérez le code suivant juste en dessous :

<div style='float:right; padding: 5px 5px 5px 5px'>
<script type='text/javascript'>
tweetmeme_url=&#39;<data:post.url/>&#39;;
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'>
</script> </div>

Ceci aura pour effet de positionner le bouton à droite de votre billet (comme sur Justblogit.net). Pour le positionner à gauche, il faut juste remplacer float:right par float:left.

B- Si vous préférez utiliser le bouton compact, utilisez plutôt le code suivant :

<div style='float:right; padding: 5px 5px 5px 5px'>
<script type='text/javascript'>
tweetmeme_url=&#39;<data:post.url/>&#39;;
tweetmeme_style = 'compact';
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'>
</script> </div>

4- Sauvegardez le template et c'est tout ! (Vous pouvez aussi prévisualiser le template pour être sûr que tout est ok :-)

NOTE : Par défaut, le billet retweeté sera de la forme "RT @tweetmeme". Vous pouvez afficher à la place votre compte Twitter en utilisant le code suivant :

<div style='float:right; padding: 5px 5px 5px 5px'>
<script type='text/javascript'>
tweetmeme_url=&#39;<data:post.url/>&#39;;
tweetmeme_source =&#39;Your User Account&#39;;
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'>
</script> </div>

Remplacez "Your user account" par votre nom de compte twitter.

Si vous avez un souci, contactez moi !

[Billet traduit et adapté issu du site Blog Godown]