5 Nouveaux Boutons Facebook pour partager vos articles - Blogger

Facebook, le premier réseau social au monde, a sortie hier 5 nouveaux boutons de partage.
FacebookFacebookFacebookFacebook

Cliquez sur le bouton "Partager" à coté du titre de cet article pour tester le bouton.

Pour ajouter un bouton de partage Facebook à votre blog blogger , Connectez vous à Blogger, Allez dans "Mise en page", "Modifier le code HTML", cochez la case "Développer des modèles de gadgets", et recherchez le code suivant:
<div class='post-header-line-1'/>
Juste après cette ligne, ajoutez un des code suivant :
Facebook 
<div style="float:left;padding:5px;">
<a expr:share_url='data:post.canonicalUrl' name='fb_share' rel='nofollow' type='box_count'>Partager</a> 
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/></div>
Facebook
 <div style="float:left;padding:5px;">
<a expr:share_url='data:post.canonicalUrl' name='fb_share' rel='nofollow' type='button_count'>Partager</a> 
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/></div>
Facebook
 <div style="float:left;padding:5px;">
<a expr:share_url='data:post.canonicalUrl' name='fb_share' rel='nofollow' type='button'>Partager</a> 
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/></div>
Facebook
<div style="float:left;padding:5px;">
<a expr:share_url='data:post.canonicalUrl' name='fb_share' rel='nofollow' type='icon_link'>Partager</a> 
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/></div>
Facebook
<div style="float:left;padding:5px;">
<a expr:share_url='data:post.canonicalUrl' name='fb_share' rel='nofollow' type='icon'>Partager</a> 
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/></div>
Vous pouvez modifier l'expression "Partager" par ce que vous voulez et changer la place des bouton : right ou left.
N'oubliez pas de partager et de Tweeter les articles de LeBlogger.com !!!!
111 Commentaires
  1. Bonsoir,
    `Super ce petit gadget "Facebook" - merci

    RépondreSupprimer
  2. @ Francine
    Merci et N'oubliez pas de partager et de Tweeter les articles de LeBlogger.com !!!!
    Bonsoir.

    RépondreSupprimer
  3. Bonsoir Soufiane,

    Une question, j'ai voulu utiliser le compteur dans les gadgets, et lorsque je programme le décompte, il ne me le garde pas en mémoire, comment faire.

    Merci pour ton aide.

    RépondreSupprimer
  4. @ Olive
    Ooooops j'ai pas compris ce que tu veux dire !!!
    est ce que ça a un rapport avec ce message ???

    RépondreSupprimer
  5. Ah non désoler ça n'a pas rapport avec ce message.

    Tu vas dans ajouter un gadget, le plus utilisé, et Countdown.
    Le compteur, mais il garde pas en mémoire mon décompte. As tu une idée.

    Sinon je viens de rajouter les smileys, par contre il n'apparait que les signes et pas le smileys

    RépondreSupprimer
  6. @
    Tu veux ajouter un compte à rebours, c'est ça ???
    Regard plutôt ici :
    http://www.oneplusyou.com/bb/countdown
    ou ici :
    http://www.countdownr.com/
    C'est plus cool.

    Pour les smiley tu peux utiliser mon script, suffit de copier coller.
    Parce que le script que tu utilises ne marche pas.

    RépondreSupprimer
  7. Rebonsoir
    OK pour le partage ....
    `Je vous ai rajouté sur la liste des liens sur mon blog. De quelle autre façon pourrais-je encore partager vos astuces ?

    RépondreSupprimer
  8. @ Francine
    Facebook et Twitter sont largement suffisants.
    Merci ...

    RépondreSupprimer
  9. Super merci pour le conseil Soufiane.

    Mon script je le modifirai.

    Encore merci ;)

    RépondreSupprimer
  10. MERCI !!!
    Après des heures de recherches, je tombe enfin sur votre site et votre solution !!
    merci merci merci !

    RépondreSupprimer
  11. @Borobis
    Merci pour le commentaire, Tu peux aussi publier automatiquement les commentaires dans Twitter ...

    RépondreSupprimer
  12. et comment faire pour proposer de retwitter les articles de la même manière qu'avec ces boutons facebook ?
    (désolé, je découvre ton blog aujourd'hui et pose des tas de questions dans tous les sens, vu que tes infos sont géniales !!!!!)

    RépondreSupprimer
  13. @Boro
    cela est possible avec tweetmeme.com ou retweet.com =))

    RépondreSupprimer
  14. et encore merci !
    c'est tout bon !!!!!!!

    RépondreSupprimer
  15. par contre, j'ai l'impression que le twitt renvoi l'adresse du blog, et pas l'adresse du post du blog (adresse.com et pas adresse.com/MonArticleDuJour.html)...
    Dès que je retwitte j'ai le compteur de tweet qui passe à "1" sur tout le blog
    il y a une solution ?

    RépondreSupprimer
  16. @Boro
    Voici le code et n'oublie pas retweeter @LeBlogger
    (rmplace LeBlogger)

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

    RépondreSupprimer
  17. TROP FORT !!!!
    TROP GENTIL !
    TROP REACTIF !
    TROP LeBLOGGER !
    tout est OK !
    (à part ma question sur le nuage animé....)
    et déjà 2 retweets et 4 partages sur facebook !!!

    RépondreSupprimer
  18. Merki pour l'astuce

    Je rajouterai juste, car j'ai pas mal cherché:

    Pour mettre ce bouton en fin de billet, copier le lien apres :
    data:post.body

    ++

    RépondreSupprimer
  19. Bonjour,
    Merci pour vos astuces, mais malheureusement je n'ai pas de ligne "div class='post-header-line-1'/" dans le code HTML de mon blog...
    Comment faire ?
    Merci.

    RépondreSupprimer
  20. Bonjour Soufiane et félicitations pour ton blog que je viens de découvrir en cherchant une solution d'intégration de fb_share.
    Malgré l'utilisation de ce code:
    <div style="float: left; padding: 5px;">
    <a href="" name="fb_share" rel="nofollow" share_url='http://ascucufa.blogspot.com/2009/12/la-niouze-de-fin-dannee.html' name='fb_share' rel='nofollow' type='button_count'>Partager&lt/a>
    <script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript">
    </script>
    </div>

    J'obtiens : http://www.facebook.com/sharer.php?u=http://ascucufa.blogspot.com/&t=AS%20Cucufa&src=sp ... Ce qui me donne uniquement l'URL du site. Est-ce du à un paramètrage car sur d'autres blogs ça marche ...
    Merci de ta réponse

    RépondreSupprimer
  21. Bonjour Soufiane, et félicitations pour ce blog,

    J'ai utilisé ton astuce mais j'aimerais savoir comment modifier le petit texte de présentation du blog qui s'affiche dans la fenêtre "Publier sur le profil" ? Par exemple le tien est "La liste complète des widgets de LeBlogger.com: Articles avec le libellé Widget.Vous serez également intéressés par Les Astuces et Tutoriels du blog." Merciii !

    RépondreSupprimer
  22. bonjour a tous.
    je voudrais desinstaller le bouton de facebook
    quelqu un peux me le dire merci
    et encore bravo pour ces gadgets.

    RépondreSupprimer
  23. Faut supprimer le code que tu ajouté ;) ;)

    RépondreSupprimer
  24. @Jérémy
    C'est automatique ;) Le titre + le premier paragraphe :))

    RépondreSupprimer
  25. @vedebe
    Ow, tu es sur Blogger ;)
    On peut rien modifier dans le Script, il est hébergé par Facebook.
    Essai d'utiliser le code du bouton Facebook ....

    RépondreSupprimer
  26. Je galère pour mettre ceci :
    div style="float:left;padding:5px;"
    a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'Partager/a
    script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'//div



    Où faut il placer le code? J'ai pourtant bien cliqué sur "Développer des modèles de gadgets" et collé juste après div class='post-header-line-1'. Mais cela n'est pas visible... Pourtant, cela marche avec :
    le bouton compteur retweet que j'ai mis au même endroit.

    Help

    RépondreSupprimer
  27. Ajoute le sans les DIV dans le code du Retweet

    RépondreSupprimer
  28. Lorsque je rajoute ce script: il me place l'icone en haut d'article, comment faut-il faire pour le placer en bas d'article

    RépondreSupprimer
  29. Bonjour,

    Comment fait on pour creer une balise "meta" pour le bouton partage facebook seulement???

    Quand je clique sur le bouton partage facebook, il me met ma description "meta" du site pour google a la place du titre de l'article.

    s'il y'aurait quelqu'un pour me répondre, MERCI d'avance.

    RépondreSupprimer
  30. Etonnant chez moi il ne se passe rien ??? Une idee peut etre

    RépondreSupprimer
  31. Le bouton est installé mais quand je clique sur partager, c'est le nom de mon blog et sa description qui apparaissent, et non pas ceux de l'article...
    Une idée??

    RépondreSupprimer
  32. Merci infiniment..c'est ce que je voulais

    RépondreSupprimer
  33. @Emilie PAÏS
    Hein tu es sûr ? c'est quoi ton blog pour que je vérifie ?

    RépondreSupprimer
  34. @Mickael
    Je ne vois pas le bouton dans ton blog ?

    RépondreSupprimer
  35. au moment ou j'avais répondu j'avais un ancien modèle, c'est toujours la même aujourd'hui.Clique sur Share/Save et choisi le bouton facebook tu peu voir qu'il n'y a pas le titre de l'article en question et la description mes les Meta tags une solution ??

    RépondreSupprimer
  36. @Mickael
    Ah oui, tu parles de bouton AddToAny, je ne sais pas comment tu as fait pour ajouter le bouton mais il faut préciser un petit code HTML dans le widget ...
    Sinon c'est tes lecteurs utilisent beaucoup Facebook, pourquoi pas ajouter aussi un des bouton en haut ?

    RépondreSupprimer
  37. Pourrais tu me préciser le petit code html dans le widget parce que je vois pas du tout comment le faire.J'aurais aimé ajouter un bouton en haut mais a cause des meta sa m'embrouille un peu donc voila si tu pourrais me préciser le code car je n'y arrive pas vraiment..

    RépondreSupprimer
  38. Ce commentaire a été supprimé par l'auteur.

    RépondreSupprimer
  39. Voilou, très efficace Soufiane, j'ai RT et Facebooké. Il me reste à le tenter pour A ttention à la Terre ! 8-(

    RépondreSupprimer
  40. Je reviens pour te dire que c'est ok, le bouton est placé, mais je le voudrais en haut des articles, c'est possible docteur Soufiane?

    RépondreSupprimer
  41. @Attention à la Terre
    En haut où ? par rapport à quoi ?

    RépondreSupprimer
  42. Rebonjour, en haut par rapport à l'article, pour l'instant, il est tout en bas, même sous les commentaires, donc peu visible.
    Sur la page d'accueil par contre vu que j'ai un style magazine, il s'affiche sous chaque carré d'article. Merci d'avance.

    RépondreSupprimer
  43. Bonjour je voudrais savoir comment on fait pour enlever le bouton facebook car j'ai fait votre astuce, mais j'ai regretté car le bouton s'affiche en plein milieu de mon message : regardez : http://astghik.fr .

    Merci

    RépondreSupprimer
  44. Bonjour Soufiane, Merci pour les boutons Facebook ^^

    J'ai ajouter le bouton "partager et j'aime" via tes billets, mais j'aimerais les mettre sur la même ligne. Existe t'il une solution ? Merci pour ton aide. Ton blog d'aide Blogger, c'est le meilleur ^^

    RépondreSupprimer
  45. Merci beaucoup Souffiane ! Toutes tes astuces marchent à la perfection .

    RépondreSupprimer
  46. Merci beaucoup pour cet article.
    Http://www.ddl2ouf.blogspot.com/

    RépondreSupprimer
  47. Bonjour, juste un petit message pour vous remercier pour cet article

    RépondreSupprimer
  48. J'ai lu tous les commentaires, mais ne trouve pas réponse à mes questions:

    1- comment mettre le petit icône en bas de l'article?
    2- une fois sur Facebook, j'aurais voulu que soit écrit le titre du billet et le début du texte, mais c'est écrit: "http://blogspot....etc et c'est un commentaire qui est affiché et non le billet.

    comment faire?

    RépondreSupprimer
  49. Bonjour Soufiane
    Je suis très impressionné par vos compétences et votre réactivité !
    Ma question : je cherche à publier sur Facebook les articles de mon blog mais, en essayant d'importer depuis Facebook mon url, on me dit : "L'importation a échoué. Aucun flux n'a pu être trouvé à partir de l'URL que vous nous avez fournie."
    Voici l'adresse dudit blog :
    http://t-r-o-p.blogspot.com/
    Merci de votre réponse (et de votre indulgence pour ma nullité crasse !).

    RépondreSupprimer
  50. BONJOUR
    COMMENT FAIRE POUR METTRES LES BOUTONS TWEET ET FB A COTE A COTE
    MERCI

    RépondreSupprimer
  51. Bonjour,

    Savez-vous comment partager un article sans commentaire possible et avec un texte prédéfini pour le titre ?

    Je ne sais pas si j'ai été assez clair :s

    RépondreSupprimer
  52. JE CLIQUE SUR PRTAGER ET RIEN NE SE PASSE ?
    pour publier une video sur le mur d'un ami le webcam se lance automatiquement?

    RépondreSupprimer
  53. je voudrait mettre le bouton de partage juste a coté du titre mais j'y arrive pas.
    tout le temps c'est en dessus.
    merci d'avance pour l'aide ^^

    RépondreSupprimer
  54. Bonjour, j'ai un problème avec mon blog, peut être aurez vous la solution ?
    j'aimerais faire apparaître au bas de mes articles la "ligne de liens" twitter, facebook... j'ai pourtant coché la case "Afficher les boutons Partager" dans la fenêtre "configurer les messages", mais rien ne s'affiche ! je ne comprends pas... merci beaucoup par avance !

    RépondreSupprimer
  55. J'ai finalement trouvé la solution sur une autre page et ça fonctionne à merveille, merci beaucoup !!!
    http://pourblogger.blogspot.com/2010/06/boutons-partage-facebook-twitter.html

    RépondreSupprimer
  56. Tres cool partage gratuit sur http://www.libre-partage.com/

    RépondreSupprimer
  57. Excellent... Merci beaucoup.
    Surtout pour les scripts !

    RépondreSupprimer
  58. Bonjour Sofiane,

    Merci pour ces astuces, je vais twitter ton blog :-)
    J'aurais une simple question ! j'utilise le premier bouton de la liste avec le compteur
    ESt-il possible de redimmensioner la taille du compteur ? Je le trouve un peux gros à mon goût.

    Merci par avance !

    RépondreSupprimer
  59. Bonjour et merci pour ce bloc qui aide beaucoup un débutant comme moi !

    J'ai un souci avec le partage facebook. LE bouton fonctionne sans problème par contre la publication Facebook de l'article n'est pas satisfaisante : j'ai bien le titre, le lien et l'image mais pour le résumé, au lien d'avoir un texte j'ai du code qui s'affiche :

    Motorola renait à LasVegas ~ VonGuru
    http://vonguru.blogspot.com/2011/01/moto...
    summary_noimg = 800; summary_img = 650; img_thumb_height = 195; img_thumb_width = 260; //=1) { imgtag = ''; summ = summary_img; } var summary = imgtag + '' + removeHtmlTag(div.innerHTML,summ) + '

    je ne vois pas quoi faire !!!! merci pour votre aide

    RépondreSupprimer
  60. Bonjour et merci pour ton tuto, je viens de mettre en oeuvre sur mon blog, ça marche nickel

    RépondreSupprimer
  61. Ce commentaire a été supprimé par l'auteur.

    RépondreSupprimer
  62. Bonjour,

    ce petit bouton "partager" est vraiment top.

    Est-il possible de savoir qui sont les personnes qui partagent un article de blog, par exemple, lorsqu'on a le nombre de clic à côté de "Partager"?

    Encore merci.

    RépondreSupprimer
  63. Super ! Merci beaucoup!
    J'ai beaucoup galéré avant de tomber sur votre blog!
    Grâce à votre code, j'ai une fonctionnalité de mon site qui fonctionne! :)

    MERCI !

    RépondreSupprimer
  64. Salut, J'apreci ce que vous avez publié, je pense que ça peu aider beaucoup de gens comme moi aussi
    Merci!

    RépondreSupprimer
  65. Je souhaiterais que le logo "partager" soit en fin de note, et non pas en haut à gauche. Une idée ?
    Merci !

    RépondreSupprimer
  66. Ça marche pas chez moi. Le bouton apparait bel et bien, mais lorsqu'on clique dessus, c'est comme s'ils était pas là. (même chose pour le bouton Twitter) Vous avez une idée ?

    RépondreSupprimer
  67. Super ! Merci beaucoup!
    coursdentaire.blogspot.com

    RépondreSupprimer
  68. Bonjour Soufiane,

    j'essaye ici... les boutons de partage s'affichent bien dans les articles MAIS aussi dans les pages... ce que je ne souhaite pas...Comment faire ? merci d'avance

    RépondreSupprimer
  69. Bonjour,
    moi je voudrais ce boutton http://2.bp.blogspot.com/_xDpoN6UfFFY/SunOZ3DDNpI/AAAAAAAABBk/KhWmOAiXKIw/s320/facebook2.png
    mais je n'arrive pas à l'inserer.
    je n'y arrive pas avec le code

    RépondreSupprimer
  70. Ce commentaire a été supprimé par l'auteur.

    RépondreSupprimer
  71. salut souafiane merci pour set astuce
    mais j'ai un blogger et je veux mettre set astuce dans les messages, pas dans la page d'aceille
    comment ??
    stp de m'aidé

    RépondreSupprimer
  72. Hello !
    J'ai cherché, mais personne n'a donné la réponse ...

    Comment mettre ce bouton en bas du message ?

    RépondreSupprimer
  73. Ce commentaire a été supprimé par l'auteur.

    RépondreSupprimer
  74. Bonjour et merci pour tout vos conseils !

    je souhaiterais également savoir s'il est possible de mettre ce bouton en fin de message ?

    merci et bonne continuation !

    RépondreSupprimer
  75. en fait il suffit de le placer apres la balise

    c'est sur un autre site que j'ai trouvé l'info.

    RépondreSupprimer
  76. balise < data: post.body >

    RépondreSupprimer
  77. Salut et félicitations pour ce blog qui m'est bien utile!
    j'ai ajouté des boutons en bas de mes articles.
    Facebook, Google et Twitter fontionnent, mais j'ai un problème avec le bouton Tumblr, quand on clique dessus on arrive sur ce message:

    "Not Available for Sharing
    Sorry, the owner of this site has asked that we not allow its content to appear on Tumblr.
    If you'd like to ask for permission, please contact the site owner directly."

    Incompatibilité avec Blogger??

    Merci d'avance!!!

    RépondreSupprimer
  78. Super blog Mr soufaine ! Merci beaucoup pour ces astuce!
    http://blog-conseils.blogspot.com/

    RépondreSupprimer
  79. Ce commentaire a été supprimé par l'auteur.

    RépondreSupprimer
  80. Ca marche nikel , je voudrais juste changer la taille de l icone.

    RépondreSupprimer
  81. Pardon ,bonjour d'abord et merci pour ce blog

    RépondreSupprimer
  82. bonjour,
    j'aimerais trouver des personnes qui comme moi ont de gros soucis avec une cie d'assurances. Comment faire ? merci pour votre aide.

    RépondreSupprimer
  83. merciiiiiiiii
    http://msgdamour.blogspot.com/

    RépondreSupprimer
  84. merciiii
    http://el-habibe.blogspot.com/

    RépondreSupprimer
  85. Bonjour,
    Il semble que les onglets MODÈLE et OUTIL DE CREATION DE MODÈLE de Blogger ont un problème, impossible à y accéder :(, du coup pas possible de modifier le code :(

    RépondreSupprimer
  86. Pour savoir QUI VISITE votre profil Facebook et à quelle fréquence allez sur ce site : http://savoirquivisite.blogspot.com/ (l'application est à téléchargé depuis le site en question) ^^

    RépondreSupprimer
  87. jai pas la ligne "<div class='post-header-line-1'/" comment faire ??

    RépondreSupprimer
  88. Bizarre ! ça ne marche plus sur mes blogs ! Il m'affiche seulement le "Partager" sans fond bleu ni lien cliquable !!

    RépondreSupprimer
  89. jai pas la ligne "<div class='post-header-line-1'/" comment faire ??

    RépondreSupprimer
  90. J'ai quelque problème avec l'affichage

    J'ai fait des essais sur 2 blogs et parfait mais en voulant le faire sur un blog à pages (celui qui m'interesse le plus) la Mème poération a pour résultat le mot partagé juste devant le texte du post?? Que faire

    RépondreSupprimer
  91. slut stp wesh kina la possobleté bache ndire un code de ja'ime suur facebook
    sans button une fois cliqué sur le contenu de site automatiquent ydire j'aime merci

    RépondreSupprimer
  92. Si je clique sur le bouton f Share dans la colonne de gauche de cet article, j'ai le texte du 3ème commentaire qui apparaît et non le début de l'article :


    5 Nouveaux Boutons Facebook pour partager vos articles - Blogger | LeBlogger
    http://www.leblogger.com/2009/10...
    Bonsoir Soufiane,Une question, j'ai voulu utiliser le compteur dans les gadgets, et lorsque je programme le décompte, il ne me le garde pas en mémoire, comment faire.Merci pour ton aide.

    1 sur 1Choisissez une miniature

    Comment faire pour avoir le texte de l'article et non un commentaire ?

    Merci de l'aide.

    RépondreSupprimer
    Réponses
    1. Solution trouvée ici :
      http://bloggercode-blogconnexion.blogspot.fr/2012/03/ajouter-des-boutons-la-barre-de-partage.html

      Supprimer
  93. bonjour je n arrive pas a partager mes articles sur Facebook .. c est toujours ma photo de profil et la description de mon blog qui apparait dans la vignette .... je fais pourtant un copie coller de l url de l article et il me fait le même quand je veux partager avec le wigdet .. merci

    RépondreSupprimer
  94. Merci beaucoup! Ton site est vraiment génial est pratique!!
    voici mon blog, si quelqu'un est intéressée par une idée de mise en page :
    http://scanmangasetanimes.blogspot.fr/

    RépondreSupprimer
  95. Très Bon Tuto, By: www.jilnetwork.com

    RépondreSupprimer

Copyright 2015 Soufiane.fr