Boutons de partage Facebook Twitter... dans Blogger !

19/06/2010
Nouveauté dans Blogger: l'intégration automatique de boutons de partage Twitter, Facebook, Google Buzz, et Blogger !




Finies les prises de tête pour insérer des morceaux de code compliqués et pas toujours adaptés à toutes les situations. Et plus besoin de faire un appel à un fournisseur externe, type AddThis, maintenant tout est intégré dans Blogger.

Pour ajouter une barre de partage à votre blog, connectez vous sur Blogger in draft.

Dans le menu Présentation > Éléments de page, cliquez sur le lien Modifier du widget Messages du blog.

Cochez l'option Afficher les boutons Partager , comme sur la capture d'écran ci-dessous :


La barre de partage peut être positionnée comme tous les autres éléments de messages par simple glisser-déplacer, dans la section Organiser les éléments :



Enregistrez, et les boutons de partage apparaissent sur votre blog !

Si ce n'est pas le cas, c'est sans doute que vous utilisez un template personnalisé. Dans ce cas, vous devrez ajouter à la main le code correspondant à ce nouveau widget :

<b:include data='post' name='shareButtons'/>


L'ajout est à effectuer dans la section Présentation > Modifier le code HTML (cochez Développer les modèles de gadgets). Localisez dans le code une section de type post-footer-line, et ajoutez y le code de la barre de partage. Vous devriez avoir une section ressemblant à ça :

<div class='post-footer-line post-footer-line-3'>
   <b:include data='post' name='shareButtons'/>
</div>

Enregistrez les modifications. Et voilà !


33 commentaires:

Fred Cokenpat a dit…

Merci pour ton astuce. Très bien documentée, comme d'habitude...

herschkorn a dit…

Indispensable dans blogger
Merci pour la précision du mode d'emploi
Je tweett

Soufiane a dit…

Merci pour la non citation de LeBlogger

Jimmy a dit…

@Soufiane N'importe quoi. La news est tombée d'un site US auquel je suis abonné, j'ai testé et fait mon billet.

J'ai du découvrir ton blog il y a 6 mois et n'y suis jamais retourné. Faut souffler un peu, ça ira mieux après.

Soufiane a dit…

Le 25 Mai j'ai publié ça : shareButtons - Des boutons de partage par défaut dans Blogger puis ça : Version finale des Boutons de partage officiels de Blogger [Exclu LeBlogger]
Et juste pour info, le truc sur Draft ne sert à rien !

C'est quoi l'adresse des blog US dont tu parles ???

Si c'est Aneesh, Anshul ou Klodian eh bien c'ets moi qui a passé l'info °__°

Jimmy a dit…

Je suis heureux pour toi si tu peux être la source d'infos de plein de monde sur le net, j'imagine à quel point ça doit être gratifiant.

Je ne connais pas la règle qui interdise de parler d'un sujet dont tu as déjà parlé. Mais ne m'en veux pas de ne pas la respecter à l'avenir, je répète, je ne lis pas ton blog désolé.

Soufiane a dit…

Désolé pour le commentaire, je fais ça de temps en temps.
Je sais que ça sert à rien mais j'arrive pas à me retenir ...

PS, c'est quoi le nom du site US où tu as trouvé la source ?

FoxPrime a dit…

Soufiane, je te vois descendre partout des blogs qui parlent de Blogger, il serait bon de ne pas/plus te prendre pour le roi du monde. Ce ne seras que plus sage pour ton image.

Soufiane a dit…

@Fox Prime
Merci pour le conseil.

J'essaie de me retenir, wellah, mais des fois je me lâche °__° et je sais que ça sert à rien :-)

( J'attends toujours l'adresse du site US qui a publié la nouvelle avant moi !!!)

Jimmy a dit…

@Soufiane tu as sans doute mieux à faire qu'à attendre, je ne sais plus le nom du site et c'est le dernier de mes soucis.
Si je m'inspire d'un site ou reprend une partie de contenu, je cite sans problème.

Ca fait 12 ans que je fais du web, j'ai été plagié, copié, httracké, je connais les règles merci.

Il n'y a dans ce billet aucune phrase volontairement inspirée/traduite/plagiée par un autre blog.

Après, parler d'exclusivité pour annoncer une fonctionnalité accessible et visible par tous dans une application publique, n'a pour moi aucun sens.

Je ne vois pas en quoi le fait d'être rapide te donnerai le droit d'être le seul à en parler, ou de décider qui doit en parler ou pas.

Soufiane a dit…

J'ai publié la nouvelle le 25 mai 2010 !!! Blogger a activé les boutons 1 mois plus tard !!!

J'ai déjà eu le coup du blog US chez Rodney

Jimmy a dit…

Non seulement tu connais le prénom de bloggeurs US, mais en plus tu as tes entrées chez Google et les dév te previennent d'une fonctionnalité avant même que ça sorte. Chapeau bas.

Et moi qui publie ça le 19 juin, date à laquelle le truc est accessible dans mon blogger in draft, quelle misère.

Faut que les chevilles se dégonflent un peu là, ça va devenir génant à force !

Soufiane a dit…

Il n'y a pas de Blogs US qui traitent de tutos Blogger !!! Tu peux m'en citer 1 seul !

Divya, Anshul, Aneesh, Asker, Cheth (Inde) Joao, Dante, (Brésil) Amanda, Klodian, Abu, Rames ....

Jimmy a dit…

Allez zou, j'arrête sur ce sujet, j'ai mieux à faire.

Amuses-toi bien à te regarder le nombril, et merci de ne pas inonder ce message avec tes liens n'apportant rien au sujet.

Soufiane a dit…

C'est toi qui as recommencer, je ne fait que répondre à tes paroles, regard mon commentaire d'il y a 1 mois : Désolé pour le commentaire, je fais ça de temps en temps.
Je sais que ça sert à rien mais j'arrive pas à me retenir ...

Anonyme a dit…

ça ne marche pas dans tout mes blogs, y en as que 2 sur lesquels ça marche

Anonyme a dit…

Mille merci pour la petite astuce car je l'ajouté en cochant la case mais les boutons n'apparaissaient pas , tu m'a étais d'un grand secours ;)

aline C. a dit…

merci pour vos explications
je n'y serais pas arrivée sans !

Vibes4YourSoul a dit…

Merci pour ton astuce, ça faisait quelques semaines que je m'arrachais les cheveux et j'ai compris gràce à toi que c'était en raison de mon template un peu personnalisé!

chris a dit…

Un grand merci, cela fait quelques temps que je me demandais comment faire.

Solenn a dit…

Arg nooon ! les boutons sont bien là mais lorsque je clique dessus le même message s'affiche à chaques fois : "Désolé, la page que vous recherchez dans le blog ....... n'existe pas."
Sauriez vous comment ça se fait ?

Solenn a dit…

(oups non pardon j'ai trouvé ce qui allait pas désolée)

Unknown a dit…

Merci pour l'astuce !!!!

Anonyme a dit…

bonsoir,
Merci pour tes explications, c'est facile à comprendre...

Patrick KIRI a dit…

Bonjour,

Mes "boutons partager" ont disparu depuis peu. J'ai du ajouter à la main le code mentionné dans l'article. Il est tjs là et la case à cocher dans "mise en page" est tjs cochée.

Mon blog: http://negpsychiatrick.blogspot.com

Quelqu'un a une idée?

Patrick KIRI a dit…

Le pb a été réglé via le fourm d'aide: http://www.google.com/support/forum/p/blogger/thread?tid=5cd4222a9705ae0f&hl=fr

Follow me ... a dit…

Merci !!

Unknown a dit…

Bonjour,
J'ai une question svp, je travail sur un site ou je veux mettre des facebook share personnalisé, par exemple pour chaque élément de ma page un titre et une description différent, tous les codes que je trouve sur le net récupère mes données meta par défaut ce qui m'arrange pas vraiment! Merci pour vos réponses

Anonyme a dit…

Voila mon blog http://blogger-astuce.blogspot.com/ il propose des trucs et astuces blogger et mise à jours de facon permanante. Merci de le consulter.

Aileen a dit…

merci, tout simplement !

valy a dit…

Je viens de découvrir cet article après vous avoir envoyé ma question!j'ai été trop rapide! J'ai résolu le problème grâce à vous!!Merci beaucoup

James a dit…

Hello,
merci pour ton blog plein d'astuces, jai lu ton articles sur les plugins, mais j'aurais besoin d'une aide avancée, jai remarqué que tu avais reussit a te debarasser du dernier plugin (le plus laid) celui de Google +. Comment à tu fait, peut tu m'apporter de l'aide je cherche a faire la meme chose.
Merci d'avance,
James

www.blogger-me.com a dit…

Salut Jimmy,

Il est bien ton article mais depuis cette date là beaucoup de choses ont changé notamment la fameuse barre le All in one button share, la barre magique qui regroupe tous les boutons sociaux et qui flotte tout au long de l'article je me permet de la placer ici pour l'intéret de tous

http://www.blogger-me.com/2013/06/blogger-widgets-blogger-boutons-sociaux.html

Cordialement, Hamza

Enregistrer un commentaire

Contact

Nom

E-mail *

Message *