Comment ajouter un bouton Retweet dans Blogger
Ajouter un bouton ReTweet (ou Tweet This) avec compteur du nombre de fois où l'article a été Tweeté, est très simple et je l'ai déjà expliqué plusieurs fois en répondant à des commentaires. Il y a plusieurs service qui proposent un script pour cela : Retweet.com - Topsy.com - Tweetmeme.com ...
Mais nous allons nous contenter de TweetMeme, la référence dans le domaine et qui est connu par presque tous le monde (même Facebook a recopié le bouton de TweetMeme).
Pour ajouter le bouton Retweet, copier ce code quelques part dans votre template:
<div style="float:right;padding:5px;">Bien sûr, remplacez LeBlogger par votre identifiant Twitter et modifiez le code CSS comme vous voulez.
<script type='text/javascript'>
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = 'LeBlogger';
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'> </script></div>
Pour utiliser la version compact du bouton, copiez ce code:

<div style="float:right;padding:5px;">
<script type='text/javascript'>
tweetmeme_style = 'compact';
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = 'LeBlogger';
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'> </script></div>
Où afficher le bouton
Pour afficher le bouton RT à droite en dessous du titre, connectez vous à Blogger, allez dans "Mise en page", "Modifier le code HTML", cochez la case "Développer des modèles de gadgets"," et collez le code juste après ça:<div class='post-header-line-1'/>
à la fin de chaque article:
<data:post.body/>Pour cacher le bouton de la page d'accueil, ajoutez une condition b:if comme ça:
<b:if cond='data:blog.pageType == "item"'> Le code Bla Bla Bla </b:if>
Jetez aussi un coup d'œil sur ces articles qui peuvent vous intéresser
- 5 Nouveaux Boutons Facebook pour partager vos articles.
- Comment Publier automatiquement les articles de votre blog dans Twitter et Facebook.
- Sharing is Sexy – Partager vos articles sur les réseaux sociaux avec ce widget très sexy.
- Ajouter les boutons des réseaux sociaux à la fin de chaque Message dans Blogger.
18 Commentaires
C'est étrange, quand je copie colle la ligne de codes, cela me marque une erreur de codage. Je ne sais pas si c'est seulement moi ou bien si le code est erroné.
Woops c'est quoi le message d'erreur stp ;)
" Votre modèle ne peut pas être analysé, car sa structure n'est pas conforme. Vérifiez que tous les éléments XML sont bien fermés.
Message d'erreur XML : Element type "div" must be followed by either attribute specifications, ">" or "/>". "
Ah en fait c'est juste une erreur de frape, j'avais mis le mot style" deux fois 8-)
Ca marche nickel :) Merci Soufiane.
Merci a toi de m'avoir signaler le bug :) sinon beaucoup de monde auraient zappé sans demander...
Hello soufiane,
Je n'ai pas cette fameuse balise ""div class='post-header-line-1'""
Tu serais comment faire ?
Merci d'avance
@ bientot
et hop le bouton sur mon blog thx :))
Salut Soufiane,
Merci pour les astuces!
@Hubert
@SimEFP
C'est cool :D
Merci, ajouté à mon blog http://actualise.fr/web-marketing venir voir le résultat et mon contenu ;)
Bonjour Soufiane,
je ne parviens pas à trouver les lignes de code que tu évoques, certainement due au fait que je n'utilise pas un des modèles par défaut de blogger.
j'ai fait plusieurs essais sans succès. pourrais-tu m'aider à trouver l'emplacement pour c/c ce script ?
je me permets de te donner l'url de mon blog : http://made-in-asie.blogspot.com/
un grand merci !
Diana
Oups... j'avais oublié de cocher la case 'développer les widgets"... :)
Bonjour, un autre merci pour cet article.
Bonjour, est-ce que vous avez été confronté à des problème avec ce bouton (qui est top et simple à mettre en place pour wordpress aussi) dans un site qui contient une redirection de nom de domaine.. En fait j'ai un domaine qui pointe vers l'hébergement (où se trouve le bouton) et du coup sur le front office il y a un ? à la place du nombre de tweet.. car il ne doit pas localiser le bouton comme il faut..
Merci d'avance si vous avez des suggestions pour modifier le bout de code..
Bonjour, j'ai ajoute les 2 boutons (version compacte) facebook and retweet, de facon horizontale a droite, mais ils ne sont pas sur la meme ligne et sont legerement decales. Comment les aligner parfaitement ? d'avance merci !
Bonsoir Soufiane, en désespoir de cause, j'ai viré la personnalisation de mon template pour revenir à un modèle "simple" et pour l'instant je peux à nouveau insérer des éléments dans le template. Je viens donc de placer les boutons "j'aime" et "retweet" et, comme FDimages, j'aurais voulu les aligner (comme toi en haut des articles). Es-tu prêt à partager ton code ???
Merci d'avance.