Chagement en cours ...

Comment ajouter un bouton Retweet dans Blogger

retweet Twitter Tweet BloggerAjouter 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:Tweetmeme

<div style="float:right;padding:5px;">
<script type='text/javascript'>
tweetmeme_url = &#39;<data:post.url/>&#39;;
tweetmeme_source = &#39;LeBlogger&#39;;
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'> </script></div>
Bien sûr, remplacez LeBlogger par votre identifiant Twitter et modifiez le code CSS comme vous voulez.

Pour utiliser la version compact du bouton, copiez ce code:retweet
<div style="float:right;padding:5px;">
<script type='text/javascript'>
tweetmeme_style = &#39;compact&#39;;
tweetmeme_url = &#39;<data:post.url/>&#39;;
tweetmeme_source = &#39;LeBlogger&#39;;
</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 == &quot;item&quot;'> Le code Bla Bla Bla </b:if>
Jetez aussi un coup d'œil sur ces articles qui peuvent vous intéresser

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é.

8 janvier 2010 13:51  

Woops c'est quoi le message d'erreur stp ;)

8 janvier 2010 13:54  

" 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 "/>". "

8 janvier 2010 14:00  

Ah en fait c'est juste une erreur de frape, j'avais mis le mot style" deux fois 8-)

8 janvier 2010 14:37  

Ca marche nickel :) Merci Soufiane.

8 janvier 2010 14:45  

Merci a toi de m'avoir signaler le bug :) sinon beaucoup de monde auraient zappé sans demander...

8 janvier 2010 14:50  

Hello soufiane,

Je n'ai pas cette fameuse balise ""div class='post-header-line-1'""

Tu serais comment faire ?

Merci d'avance

@ bientot

21 janvier 2010 22:40  

et hop le bouton sur mon blog thx :))

23 janvier 2010 17:33  

Salut Soufiane,

Merci pour les astuces!

5 février 2010 14:22  

@Hubert
@SimEFP
C'est cool :D

5 février 2010 14:34  
Anonyme

Merci, ajouté à mon blog http://actualise.fr/web-marketing venir voir le résultat et mon contenu ;)

17 avril 2010 12:43  

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

27 avril 2010 14:49  
Diana

Oups... j'avais oublié de cocher la case 'développer les widgets"... :)

27 avril 2010 16:44  
Ce message a été supprimé par l'auteur.
2 mai 2010 23:02  

Bonjour, un autre merci pour cet article.

9 juin 2010 09:14  
MZ_00

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..

9 juin 2010 12:25  

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 !

1 août 2010 10:23  

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.

11 août 2010 18:51  

 
Copyright 2010 LeBlogger.com - Contact
Propulsé gratuitement par Blogger-Blogspot