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.
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.
voila le bouton j'aime de facebook :
cherche la balise :
et posé le code aprris la balise : iframe
Svp, le code je le copie où exactement. Je souhaite ajouter le bouton dans mon blog sur blogger. Merci d'avance
@ Soufiane, même comment que Michèle
@ Soufiane, même comment que Michèle, comment mettre ces boutons juste à droite du titre et non en dessous + mes boutons s'affichent sur toutes les pages et pas seulement les articles. Cela me poste problème. Une soluce ?
merci soufiane
Toujours pas de réponse de toi Soufiane.
voici mon blog www.leblogakochou.com, et mes boutons apparaissent correctement dans les articles, mais aussi sur TOUTE les autres pages... comment annuler cela. C'est à dire des boutons uniquement dans les articles quoi...
Merci d'avance !
Comment faire passer le nombre de retweets a droite sur la version compact du bouton. Tous mes autres boutons Facebook, Facebook "J'aime" et Twitter on leur compteur a droite. c'est pour une question d'esthetique. Merci.
www.sole-patrol.com
Comment se fait il que mes boutons de partage ne s'affichent que sur la premiere page de mon blog et pas sur les suivantes?