Ajouter les boutons des réseaux sociaux à la fin de chaque Message dans Blogger

Voici une petite astuce pour afficher les icônes des réseaux sociaux à la fin de chaque article de votre blog Blogger-Blogspot.

Démonstration

réseaux sociaux
  • J’ai utilisé des icones PNG 32x32 du pack Aquaticus Social.
  • Tout les liens s'ouvre dans "une nouvelle fenêtre" et sont en "external nofollow". J'ai également ajouté des tag ALT au images.
  • J’ai ajouté une condition b:if pour ne pas afficher les icônes dans la page d’accueil du blog.
  • Les réseaux sociaux : Facebook, Twitter, Digg, Technorati, Delicious, Stumble, MySpace, Yahoo, Reddit, Linked IN, Mixx, FriendsFeed, NewsVine, Google Bookmarks et  un bouton pour FeedBurner.

Vous pouvez proposer d’autres services en commentaires et je ferais une mise à jour de l’article.

Instalation

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:<data:post.body/> et juste après collez ces lignes :
<b:if cond='data:blog.pageType == "item"'>
<div style='color: #660000;padding: 10px 0px 0px 0px; margin: 0px 0px px px; line-height: 0.5em; border:5px solid #f8f8f8;text-align:center'><p><b>Partager cet Article: </b></p><p>
<!--Facebook-->
<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='external nofollow' title='Facebook' target='_blank'><img alt='Facebook' src='http://blogspot.leblogger.com/social32/facebook.png'/></a>
<!--Twitter-->
<a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url' rel='external nofollow' title='Twitter' target='_blank'><img alt='Twitter' src='http://blogspot.leblogger.com/social32/twitter.png'/></a>
<!--Technorati-->
<a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' rel='external nofollow' title='Technorati' target='_blank'><img alt='Technorati' src='http://blogspot.leblogger.com/social32/technorati.png'/></a>
<!--DIGG-->
<a expr:href='&quot;http://digg.com/submit/?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' title='Digg' target='_blank'><img alt='digg' src='http://blogspot.leblogger.com/social32/digg.png'/></a>
<!--Stumble-->
<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' title='StumbleUpon' target='_blank'><img alt='Stumble' src='http://blogspot.leblogger.com/social32/stumbleupon.png'/></a>
<!--Delicious-->
<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' title='Delicious' target='_blank'><img alt='Delicious' src='http://blogspot.leblogger.com/social32/delicious.png'/></a>
<!--Myspace-->
<a expr:href='&quot;http://www.myspace.com/Modules/PostTo/Pages/?u=http&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='MySpace' target='_blank'><img alt='MySpace' src='http://blogspot.leblogger.com/social32/myspace.png'/></a>
<!--Yahoo-->
<a expr:href='&quot;http://buzz.yahoo.com/submit/?submitUrl=&quot; + data:post.url' rel='nofollow' title='Buzz up!' target='_blank'><img alt='Yahoo' src='http://blogspot.leblogger.com/social32/yahoo.png'/></a>
<!--GoogleBookmarks-->
<a expr:href='&quot;http://www.google.com/bookmarks/mark?op=add&amp;bkmk=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Google Bookmarks' target='_blank'><img alt='Google' src='http://blogspot.leblogger.com/social32/google.png'/></a>
<!--Reddit-->
<a expr:href='&quot;http://reddit.com/submit?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Reddit' target='_blank'><img alt='Reddit' src='http://blogspot.leblogger.com/social32/reddit.png'/></a>
<!--Mixx-->
<a expr:href='&quot;http://www.mixx.com/submit?page_url=&quot; + data:post.url' rel='nofollow' title='Mixx' target='_blank'><img alt='Mixx' src='http://blogspot.leblogger.com/social32/mixx.png'/></a>
<!--LinkedIN-->
<a expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Linkedin' target='_blank'><img alt='LinkedIN' src='http://blogspot.leblogger.com/social32/linkedin.png'/></a>
<!--FriendFeed-->
<a expr:href='&quot;http://friendfeed.com/?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='FriendFeed' target='_blank'><img alt='FriendFeed' src='http://blogspot.leblogger.com/social32/friendfeed.png'/></a>
<!--Newsvine-->
<a expr:href='&quot;http://www.newsvine.com/_tools/seed&amp;save?u=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Newsvine' target='_blank'><img alt='Newsvine' src='http://blogspot.leblogger.com/social32/newsvine.png'/></a>
<!--Flux-RSS-->
<a href='http://feeds2.feedburner.com/leblogger' rel='external nofollow' target='_blank'><img alt="Flux RSS" src='http://blogspot.leblogger.com/social32/feed.png'/></a>
</p></div><a href='http://wwww.leblogger.com' style='display:none;'>Blogger</a></b:if>

Nouveau

Sharing is Sexy – Partager vos articles sur les réseaux sociaux avec ce widget très sexy
157 Commentaires
  1. Un grand merci pour l'astuce !!!! :D:D:D:D:D:D

    Mais comment faire pour que ce soit dans un cadre comme toi avec "Partager cet article"? Car moi c'est tout collé sur mon message....

    Merci encore!!!!! :X

    RépondreSupprimer
  2. Complément-------> mon blog pour voir le problème: http://www.bibledugeek.com

    RépondreSupprimer
  3. Bible du Geek
    Il faut juste ajouter quelques élément de style dans un DIV. je vais une MAJ après, ok :D

    RépondreSupprimer
  4. Excellent!!!Merci beaucoup!!J'ai mis facebook dans mon blog mais je suis inscrit à myspace également.Pourrais tu donner un code pour ce réseau?

    RépondreSupprimer
  5. @ ptit fred
    D'accord je vais ajouter Myspace.

    RépondreSupprimer
  6. Que dire si ce n'est : SUPER MERCI ;;)

    RépondreSupprimer
  7. j'ai ajouté myspace mais le link envoi sur une page qui n'est pas la bonne.. j'ai du rater un "épisode" lol ...

    RépondreSupprimer
  8. @ Phosphorus
    je vais faire ça tout à l'heure.

    RépondreSupprimer
  9. J'ai essayé de chercher...j'ai pas trouvé!!!

    RépondreSupprimer
  10. Finalement j'ai opté pour wikio
    http://www.wikio.fr/tools/sharethis

    RépondreSupprimer
    Réponses
    1. moi je cherche mais je n'arrive pas à trouver

      Supprimer
  11. @ ptit fred
    merci de partager à chaque fois tes découverte c'est très sympa.
    En ce moment je ne peux pas me connecter à blogger, mais je vais bientôt ajouter MySpace et faire quelques modifications.
    Pour wikio c'est toute une histoire, je vais y revenir plus tard.

    Bien sur ici il n'ya que des boutons pour paratger l'article, je vais publier les boutons de vote plutard.

    RépondreSupprimer
  12. Merci à toi Soufiane!!J'adore le partage d'infos sur le net, tout comme toi je suppose!!C'est un réel plaisir de parcourir ton blog!!Au début, je pensais que blogger était très limité.Grâce à toi, j'ai changé d'opinion!!!

    RépondreSupprimer
  13. @ ptit fred
    c'est cool, MAIS le meilleur reste à venir :)) :))

    RépondreSupprimer
  14. C'est pour bientôt le le cadre avec le titre partager cet article? :-/

    RépondreSupprimer
  15. @ biblz du geek
    wech mon frère trankil, y a pas mort d'homme.
    En ce moment je ne peux pas me connecter à blogger donc je ne peux pas modifier l'article.
    je le ferais dés que possible. :D

    RépondreSupprimer
  16. pourquoi tu ne peu pas? problème d'admin6

    RépondreSupprimer
  17. Bonjour à tous ,

    j'ai un petit soucie je trouve pas le code

    quelqu'un peut me dire dans quel zone du code html il ce trouve.

    Car la je le trouve pas , j'ai regarde plusieur voir et rien.

    merci d avance

    RépondreSupprimer
  18. Tout d'abord un grand merci pour votre travail grace a vous jai pu faire tout ce que jai fait sur mon blog en une semaine de creation. concernant cet article jai un pb jai crer un compte feedbruner pour le flux rss dont je ne sais pas du tout me servir mais mon pb concernent les icone je les ai il marche apprement mais ils ne sonrt visible que une fois le formulaire de commentaire ouvert et non avant ce qui les rend beaucoup moins visibles :( (ps pour les commentaire comment facilier le hoix du pseudo et virer ts les "statuts" ou comptes possible ?) un grand merci

    RépondreSupprimer
  19. @ La Friperie Musicale
    je n'ai pas compris ce que tu veux.
    le formulaire de commentaires??

    RépondreSupprimer
  20. non le formulaire je l'ai ce que je voudrais c'est avoir les icone fb twitter etc mais sur la premeire page ou sont visible les articles et pas seulement une fois que jai cliké sur les commentaires.

    RépondreSupprimer
  21. il faut juste supprimer les condition b:if


    <b:if cond='data:blog.pageType == "item"'>

    </b:if>

    RépondreSupprimer
  22. ah daccord autant pour moi, exuse moi soufiane pour cette question idiote merci beaucoup

    RépondreSupprimer
  23. Désolé de te redemander cela, mais tu crois pouvoir bientôt faire l'encadré et le titre "Partager l'article"?

    Merci!

    RépondreSupprimer
  24. pour vous répondre Bible du Geek :
    placer le code *Mais comment faire pour que ce soit dans un cadre comme toi avec "Partager cet article"?

    voici une petite astuce :
    http://lavablogger.blogspot.com/2009/08/ajouter-les-boutons-des-reseaux-sociaux.html

    RépondreSupprimer
  25. @ Bible du Geek
    j'ai modifié l'article.

    RépondreSupprimer
  26. Bonjour ,est ce quelqu'un peut m'aidez sur mon sujet Svp?
    MERCI
    LAURENT

    RépondreSupprimer
  27. @ Soufiane
    et voila on est cool maintenent :x
    a+

    RépondreSupprimer
  28. Finalement, je déconseille wikio!Je crois bien que c'est ce service qui m'envoyait des pubs intempestives, telles que mailorama ou autres...Je l'ai enlevé de mon blog et ça à l'air de fonctionner correctement.

    RépondreSupprimer
  29. @ Laurent Cloerec
    c'est le quel de tes blogs ???
    Tu as bien coché la case developper des modèles de gadget

    RépondreSupprimer
  30. @ ptit fred
    comment tu as ajouté wikio, normalement c'est juste un lien tout simple???

    si tu as ajouté le script de weborama, faut pas chercher plus loin, j'ai eu le même coup....

    RépondreSupprimer
  31. @soufiane

    Slt soufiane , C'est pour celui la (http://cuisine-facile-et-rapide.blogspot.com) pour le moment .

    oui j'ai bien coché la case developper des models de gadget justement ,et je voit pas ou mettre le code.

    merci d'avance

    LAURENT

    RépondreSupprimer
  32. Je ne sais plus ce que j'avais mis, mais je préfère ne pas y retourner.Je ne pouvais même plus envoyer les liens sur myspace.Je suppose qu'ils ont repéré ces pubs intempestives sur mon blog et ont bloqué l'accès à mon blog...enfin je suppose que c'est çà...

    RépondreSupprimer
  33. Glups, j'ai refait la manip à trois reprises, sans résultat ... cela n'apparaît pas ? peux-tu m'éclairer Soufiane ?
    http://dialogosmary.blogspot.com/

    RépondreSupprimer
  34. @ Mary
    ça n'apparait pas dans page d'accueil mais seulement dans les pages des Messages, tu peux enlever ça ...

    RépondreSupprimer
  35. Encore un petit problème... :(( J'ai mis sur mon blog les résumés d'articles avec image et tout fonctionne bien sauf le "Partager cet article" qui lui prend la forme du texte et quelques fois se sépare en deux (une partie sur la ligne d'en haut et l'autre en bas). Je voudrais seulement qu'il soit aligner au centre et tout en bas de l'article.

    Merci!:D

    RépondreSupprimer
  36. Pour en revenir à mon problème de pubs intempestives, je crois plutôt que celà venait du service abc compteur(sans conviction).Il est vrai qu'il faut se méfier de tous ces services gratuits!!!

    RépondreSupprimer
  37. si c'est un script c'est bien possible.

    RépondreSupprimer
  38. Comme je suis assez nulle et que j'essaie de bidouiller j'avais découvert "social twist" qui est un wigdget facile d'utilisation et qui permet de partager
    http://tellafriend.socialtwist.com/

    RépondreSupprimer
  39. @ Forever Blue
    Merci de partager tes découvertes c'est trop Cool.......

    RépondreSupprimer
  40. Salut, j'essaie d'installer la barre de partage avec un lien pour LinkedIn. Voici ce que j'ai mis :


    a expr:href='"http://www.linkedin.com/shareArticle?mini=true&url=" + data:post.url + "&title=" + data:post.title + "&source=UnitedWorld20"' rel='external nofollow' target='_blank'>img alt='LinkedIn' height='32' src='http://www.iconspedia.com/uploads/73501181.png' width='32'/>/a>

    Le but etant d'arriver a une adresse du type :
    http://www.linkedin.com/shareArticle?mini=true&url={articleUrl}&title={articleTitle}&source={articleSource}

    Mais Blogger ne veut pas de ce code, il me dit :
    Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
    XML error message: The reference to entity "url" must end with the ';' delimiter.

    Si j'enleve mini=true? dans l'adresse alors Blogger accepte de sauver mon template, mais l'adresse ne fonctionne plus :(

    RépondreSupprimer
  41. (au passage j'ai enleve tous les < de mon code car le html n'est accepte en commentaire

    RépondreSupprimer
  42. J'ai reussi a regler mon probleme. Je voudrais bien le proposer ma barre a tout le monde ma pas moyen de mettre le html en commentaire...
    Je veux bien te l'envoyer Soufiane, si tu veux.
    http://unitedworld20.blogspot.com

    RépondreSupprimer
  43. @ Guillaume Wolf
    Merci Guillaume, oui j'aimerais bien que tu me donne le code pour que je l'ajoute à l'article, même si LinkedIn est très très rarement utilisé en France.

    Si tu tapes le code avec les "<" et ">" blogger va croire que c'est une commande et va essayer de l'exécuter alors que le pauvre dans les commentaire il ne comprend que les tags <a>, <b>, <i> ...
    Donc grossomodo, il faut remplacer tout les "<" par alt; et tout les ">" par agt;
    Mais pas seulement, il faut aussi remplacer les & par &amp; et les " par &quot;

    et ça devrais passer

    RépondreSupprimer
  44. Salut Soufiane,

    Deux questions si tu permets :

    1. Peux-tu ajouter deux autres boutons (tu les as déjà), soit Google Reader et celui de l'inscription par mail avec Feedburner ?

    2. Suggestion d'astuces pour Blogger : ajouter la balise target="_blank" qui ne semble pas fonctionner si on veut inclure des liens (dans les commentaires) sans quitter la page et certain modèle de blogger ne les accepte pas non plus.

    Merci !

    RépondreSupprimer
  45. Salut encore,

    J'ai oublié de spécifier un léger problème concernant les icônes des réseaux sociaux : la phrase "Partager cet article" sur mon blogue ne s'affiche pas comme le tien, c'est à dire AU-DESSUS des icônes, mais ils s'affichent plutôt à leur gauche en est mal aligné... Peux-tu faire quelque chose stp? Merci ;)

    RépondreSupprimer
  46. @ Jean-François
    Google Reader:
    <a href='http://fusion.google.com/add?feedurl=http://feeds.feedburner.com/LeBlogger' rel='nofollow' target='_blank'><img src='http://i906.photobucket.com/albums/ac264/leblogger/google_32.png'/></a>

    Email:
    <a href='http://feedburner.google.com/fb/a/mailverify?uri=LeBlogger&amp;loc=fr_FR' rel='nofollow' target='_blank'><img src='http://i906.photobucket.com/albums/ac264/leblogger/mail-32x322.png'/></a>

    RépondreSupprimer
  47. Salut encore,

    J'ai oublié de spécifier un léger problème concernant les icônes des réseaux sociaux : la phrase "Partager cet article" sur mon blogue ne s'affiche pas comme le tien, c'est à dire AU-DESSUS des icônes, mais ils s'affichent plutôt à leur gauche en est mal aligné... Peux-tu faire quelque chose stp? Merci ;)

    (Tu as oublié de répondre à ce message) ;)

    RépondreSupprimer
  48. bonjour sofiane
    j'ai collé le code en respectant ta procédure mais aucun résultat?
    est-ce que tu peux m'aider s'il te plait? si tu veux je t'envoie mon code?
    http://lesangesgardiens-ap.blogspot.com/
    angesgardiens@hotmail.fr

    RépondreSupprimer
  49. @
    Mais si les icônes sont bien là, mais comme je l'ai dit dans l'article j'ai ajouter une condition b:if pour ne pas les afficher dans la page d'accueil, puisque souvents les articles sont résumés.

    RépondreSupprimer
  50. exact j'avais zappé cette partie de tes explications mais alors je ne comprends pas si on ne les vois pas comment le lecteur peut-il cliquer dessus?

    RépondreSupprimer
  51. Soufiane,

    Tout ce que je demande c'est de pouvoir afficher la phrase "Partager cet article:" AU-DESSUS des icônes des réseaux sociaux, tu comprends ? Comme dans ton exemple ci-dessus.

    Si tu vas voir sur ma page, le texte s'affiche seulement à LA GAUCHE des icônes en question. Voilà mon problème actuel.

    Merci !

    Jean-François
    Un taxi sur la Rive-Sud

    RépondreSupprimer
  52. @ Jean-François
    Désolé de ne t'avoir répondu plus rapidement Jean-François, j'ai essayer sur quelques templates mais je ne vois pas trop ce qui fait le texte n'est pas centré.
    Tu peux ajouter le code sans le modier (en plus de celui que tu as déjà) et voir ce que ça va donner?

    RépondreSupprimer
  53. ok j'ai vu
    en fait le lecteur doit "ouvrir" l'article pour voir le widget
    je pensais qu'il les verrai directement sur la page d'accueil
    me reste plus qu'à laisser que le début de mes articles ...
    merci Sofiane !!!!!!!!

    RépondreSupprimer
  54. @ Les Anges Gardiens
    Si tu veux qu'il s'affiche aussi dans la page d'accueil, tu dois juste enlever la condition b:if,
    Tu dois supprimer la première ligne et le dernier </b:if>

    RépondreSupprimer
  55. Je n'ai pas essayé je ne vois pas ce qui empêche de le center correctement. M'enfin, c'est peut-être le template ?

    Autre chose : si je clique sur sur l'îcone de Facebook, le titre et les images, ça va sauf pour la description du billet. C'est un texte de pub, à mon avis : "Tips and trick to easy blogging at blogspot also free download e-book and template" D'où ça vient ?

    J'ai testé le tien et pourtant la description de CE billet s'affiche sur la page de Facebook (publier sur le profil)... Tu peux m'aider tu crois ? Merci ! :-)

    RépondreSupprimer
  56. Bonjour
    après 6 tentatives se soldant par ce message
    "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 : The element type "HEAD" must be terminated by the matching end-tag "

    Je me retourne vers vous : que faire ?
    Voici l'adresse du fichier que j'essaye de transférer en vain :
    http://www.viaa.fr/fichier-blogger.zip

    RépondreSupprimer
  57. @ Dominique Balaÿ - Roby Webmarketer
    Falait pas faire si tentative, il suffit de demander et soufiane ....
    Bref, tu essais d'utiliser d'envoyer un fichier zip comme Template !!!!
    il faut dézziper le fichier zip et envoyer le fichier qui est a l'intérieur, c'est un truc du genre template-1111111.xml
    Mais attention il faut sauvegarder tes widget avant, et enregistrer ton modèle actuel .....
    Pour plus d'info regard ici : http://www.viaa.fr/fichier-blogger.zip

    RépondreSupprimer
  58. Non non Soufiane, il ya méprise : c'est bien le xml que j'ai tenté de transférer, je l'ai zippé uniquement pour que vous puissiez jeter un oeil dessus...
    A chaque fouis je suis reparti sur mon fichier source xml, voila pourquoi je ne comprends pas.
    Demain je vais créer un nouveau blog avec le meme template et retenter l'opération, et vous tient au courant.

    RépondreSupprimer
  59. Salut,

    Tu pourrais ajouter certains boutons pour moi si possible ? De plus, combien de boutons puis-je encore ajouter dans cet espace ? Et quels liens dois-je prendre ?

    Merci !

    J-F

    RépondreSupprimer
  60. @ Dominique Balaÿ - Roby Webmarketer
    Désolé, j'avais pas bien saisie, fallait me le dire aussi.....
    Bon ton problème est très simple.
    Dans le code HTML il faut juste remplacer:

    HEAD par head
    BODY par body
    et /BODY par /body

    Fastoche, non !!! et dit moi si c'est bien ça le problème ou si j'ai encore mal compris....

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

    RépondreSupprimer
  62. @ Jean-François
    Quel bouton ? quel espace ? quel lien ? de quoi ça s'agit .....

    RépondreSupprimer
  63. Salut,

    Mon bouton "addthis" qui contient la plupart des boutons de réseautage ou partage est mal placé et lorsqu'on clique sur celui de facebook, par exemple, ne donne pas la première partie de la description du texte. Tu me suis ?

    Je ne suis pas webmaster et j'ai besoin de le centrer correctement et lorsque les gens clique sur l'un des boutons de réseautage, j'aimerais que le descriptif du texte soit inclu.

    Merci !

    Jean-François


    Voici le lien

    RépondreSupprimer
  64. Merci pour ce super tuto ! Tu peux voir le résultat ici : http://stars-au-naturel.blogspot.com/ : pas mal hein ! (je suis très fière). Je cherchais depuis longtemps qq chose dans ce genre pour pouvoir poster facilement mes articles sur mon groupe Facebook, et voila qui est fait ;))

    RépondreSupprimer
  65. Merci Soufiane, ça a marché !
    C'était bien une histoire de majuscule !

    RépondreSupprimer
  66. Bonjour,

    Je viens d'ajouter les boutons sociaux à la fin de mes messages. C'est tip top, merci !

    Je voudrais pouvoir rajouter à liste de boutons une icone pour envoyer le message par email via un formulaire.
    Peux tu me dire comment l'intégrer au code des boutons sociaux ?

    Je voudrais aussi ajouter en haut de la colonne de droite un espace "s'abonner" comparable au tiens avec un premier choix d'abonnement par flux rss et un second d'abonnement par email. J'ai bien essayer d'aller voir ton code pour m'en inspirer mais je n'y arrive pas. Tu peux m'aider aussi la dessus stp.

    merci

    laurent

    RépondreSupprimer
  67. @ Laurent
    Pour les boutons d'inscription au flux RSS je vais publier un articles pour ça : email, google, yahoo, msn, netvibes ....

    RépondreSupprimer
  68. @ Nausicaa
    Il y a aussi l'application facebook "NetworkedBlogs" pour publier automatiquement les nouveaux messages de ton blog dans ton Facebook ...

    RépondreSupprimer
  69. @ Dominique Balaÿ - Roby Webmarketer
    T'es encore en vie .....

    RépondreSupprimer
  70. oui ! je te remercie encore pour ton aide précieuse

    RépondreSupprimer
  71. re coucou...j'ai vu sur certains blogs des boutons icone facebook...euh je dirai, tout seuls, isolés...en haut de page ou bas de page...j'ai telechargé des icones semblables mais je ne sais pas oû bidouiller pour les installer...est ce que j'installe nouveau gadjet html/java ou est q je modifie le code html de mon modele...
    merci soufiane,a plus tard.

    RépondreSupprimer
  72. @ ninie
    les codes tu les a ici, il faut juste changer l'adresse de l'image avec la tienne.....
    Pour l'emplacement il faut choisir ....

    RépondreSupprimer
  73. Salut Soufiane,

    Comment fait-on pour ajouter une signature à la fin de chaque message (billet, post) ?

    Voici un exemple

    Merci !

    taxi535@gmail.com

    RépondreSupprimer
  74. @ JF
    La signature est une image, il suffit de l'ajouter à la fin de chaque article : tu colles le code de l'image juste après <data:post.body/>

    Fait attention au autres codes qui se trouve à cet endroit....
    Et dit moi si tu y arrive .....

    Si tu as besoin d'un Tutoriel, s'il te plait laisse ton commentaire dans la page des Souhaits, ça me facilitera les choses.....

    RépondreSupprimer
  75. Soufiane,

    Je suis allé sur la page de souhaits mais mon message ne veut pas s'enregistrer. Alors je me vois obligé de revenir ici. Tu parlais du code de mon image (ma signature) pour ajouter après le code data:post.body tu te souviens ?

    De quel code s'agit-il ?

    Merci !

    J-F

    RépondreSupprimer
  76. @ JF
    le code pour ajouter une image, par exemple:
    <img src="L'url de l'image" />
    Normalement, c'est bon mais tu peux ajouter des éléments de style .....

    RépondreSupprimer
  77. Salut Soufiane,

    Ton code image fonctionne impeccablement. Tu es un maître du codage CSS et html dans ton domaine. Merci !

    Jean-François

    Voici l'exemple : http://taxi-535.blogspot.com/2009/10/on-sattache-en-taxi.html

    Fallait y penser ! :-)

    RépondreSupprimer
  78. Salut Soufiane :)
    En général, je suis tes tutos et ça marche...mais là c'est pas le cas...c'est peut-être parce que j'ai deux data:post.body dans mon template scarlett (je ne peux pas mettre les bouts de code dans ce message)

    j'ai ajouté ton code après le premier mais ça ne marche pas (j'ai aussi modifier leblogger.com...)

    Merci pour ton aide
    Favyius

    ps : je reste anonyme pask mon site est un peu partculier ;)

    RépondreSupprimer
  79. fAUSSE ALERTE 8-} ça marche!
    merci encore...

    RépondreSupprimer
  80. coucou.
    j'ai fait tout comme t'as dit: c'est toi le BoSs!!!
    j'ai mis l'icone rss dans ma super share box...nickel, mais j'arrive pas à l'aligner avec le texte qui va avec, comme les autres icones du dessus...j'ai essayé plein de trucs différents mais là, je bloque...merci de m'aider à l'aligner...
    ninie

    RépondreSupprimer
  81. @ninie
    Le mieux est que tu ajoutes le lien texte a part et l'image a part....

    RépondreSupprimer
  82. Bonjour Soufiane,
    (et merci pour cette astuce !)
    Comment puis-je faire pour ajouter une ligne après le cadre des boutons de manière à ce que ce dernier ne soit pas "collé" au bas de mon post ?
    j'ai essayé de placer un /div à la suite de ton code, mais ca ne marche pas !
    merci de ta réponse !
    http://onapprendtouslesjours.blogspot.com/

    RépondreSupprimer
  83. ...tout simplement !
    ça marche ; merci !

    RépondreSupprimer
  84. j'ai apres le code data:poste.body
    un autre code pour lire la suite comment je peu installe cette astuce

    RépondreSupprimer
  85. Merci beaucoup pour ce widget Soufiane, c'est top !

    RépondreSupprimer
  86. j'ai rajouté un bouton wikio
    je voulais copier le code ici pour le partager avec vous mais le commentaire se valide pas.

    Voici l'adresse de l'image au cas où

    http://i852.photobucket.com/albums/ab86/una_idea/wikio_32.png

    RépondreSupprimer
  87. bon boulot, une fois de plus !

    ton site est une mine d'or pour moi !

    RépondreSupprimer
  88. Salut Soufiane :)

    J'utilise ton code depuis un bout de temps et j'ai un petit soucis.

    Quand je partage l'article sur Facebook, la description sont ceux du blog et non de l'article contrairement au résultat que j'obtiens quand je partage tes articles.

    J'ai repris le même code (je viens de vérifier lol). As tu une idée d'où ça vient ?

    D'avance merci

    RépondreSupprimer
  89. Il faut que je teste car je galère vraiment pour mettre le bouton.
    J'espère que ça fonctionnera car je commence à m'arracher les cheveux

    RépondreSupprimer
  90. Je viens de le faire mais ça n'a pas du tout fonctionné !

    RépondreSupprimer
  91. je reviens t'embêter, j'ai les bouton enfin avec des croix plutôt que je vois à l'ouverture de l'article. Ce n'est pas possible sans passer par l'ouverture de l'article ? Tu me suis ?

    RépondreSupprimer
  92. Merci pour ta réponse Soufiane.
    En fait, j'aimerai que les boutons se voient sans que le billet de ma recette soit ouvert.
    En fait j'aimerai que les boutons puissent se voir à la fin de chaque billet sans que les lecteurs ouvrent forcément le billet.
    Je suis claire ce coup-ci :-)

    RépondreSupprimer
  93. Pour te donner un exemple plus précis, je suis allée voir sur le blog de A.B. ou Una Idea et j'aimerai avoir les icones facebook, twitter ...
    Merci

    RépondreSupprimer
  94. @Philo
    Ah j'avais pas compris comme ça, on m'a déjà posé cette question dans les commentaires regard ici : http://www.leblogger.com/2009/07/boutons-reseaux-sociaux-blogger-twitter.html#c606072840358662133

    RépondreSupprimer
  95. Ok je vais essayer ça ce weekend, et je te dirai. Merci Soufiane

    RépondreSupprimer
  96. Vraiment pas de chance de mon côté. J'ai essayé et ça fonctionne sauf que je n'ai pas les icones Facebook & Co, à la place j'ai des carrés avec des crois rouges :-(

    RépondreSupprimer
  97. yesssssssssssssssssssssssss j'ai réussi mais autrement ;-)
    merci de ton soutien quand même

    RépondreSupprimer
  98. Ne fonctionne pas sur mon blog, seuls les liens s'y affichent.

    RépondreSupprimer
  99. Pareil, seuls les liens et pas d'icônes.

    RépondreSupprimer
  100. @Fox Prime
    @Contact
    Oui il y a encore un problème de majuscules avec les images, elles ne s'affichent pas :((

    RépondreSupprimer
  101. moi z'aussi. du texte mais pas d'icônes !
    c'est mooooche !

    RépondreSupprimer
  102. j'ai télécharger le pack Aquaticus Social.mais je ne sais que faire ?
    les boutons n'apparaissent tjs pas ! uniquement les liens .
    merci souf'

    RépondreSupprimer
  103. Ok j'ai hébergé les images et les icônes devrait s'afficher automatiquement...

    RépondreSupprimer
  104. merci sofiane, elles s'affichent toutes...sauf le bouton RSS. Si jamais tu as le temps d'héberger l'icone RSS...
    muchas gracias
    http://sssupersigns.blogspot.com/

    RépondreSupprimer
  105. derniere question : comment peut-on changer la police de la phrase "partager cet article", elle n'est pas très jolie et en caractère 15 au moins.

    merci
    merci
    merci

    RépondreSupprimer
  106. Merci beaucoup pour cette astuce!!

    RépondreSupprimer
  107. Bonjour Soufiane, merci beaucoup!!!! Par contre le logo pour les rss ne s'affiche pas!

    Merci d'avance ;)

    RépondreSupprimer
  108. Bonjour Soufiane!

    Tout d'abord, merci pour ton blog, il est vraiment très utile pour les novices du web comme moi!
    J'ai inscrit le code comme expliqué et l'ensemble est très joli, mais quand je veux partager cet article sur Facebook, c'est le titre et la description du blog qui apparait et non pas ceux de l'article...
    Je comprends vraiment pas pourquoi....

    Merci d'avance pour ton aide.

    Emilie
    int-e-ractive.blogspot.com

    RépondreSupprimer
  109. Bonjour Sofiane,

    Après avoir changé mon template, j'aimerais ré-insérer ccet outil de partage sur les réseaux sociaux mais j'y arrive pas... :)(
    Tu pourrais jeter un petit coup d'oeil si tu as le temps?
    Merci d'avance

    RépondreSupprimer
  110. Super, merci.
    http://leduc-blog.blogspot.com

    RépondreSupprimer
  111. Bonjour,

    Comment réduire la taille des boutons svp ? Merci pour vos conseils.

    RépondreSupprimer
  112. bonjour,
    j'espère que tu réponds encore pour cet article :D

    tout a bien fonctionné, mais autour de chaque icône il y a un cadre de la couleur des liens. Comment je peux le faire disparaître ?

    merci pour tous ces conseils

    RépondreSupprimer
  113. hello :)
    merci beaucoup Sofiane, super !
    J'ai essayé ceux de draft.blogger mais je verrais plus tard tant que je n'arrive pas à les repositionner correctement, en tout cas merci pour tout ;)
    ahh et le skin de ton blog est plus sympa ;p
    bon ça suffira pour les flatteries :)
    ++

    PS: si ça peut être utile, grosse source d'icônes liens sociaux ici pour personnaliser sa barre:

    http://tutorialfreakz.com/3000-social-media-icons/

    RépondreSupprimer
  114. Bonjour,

    je te remercie pour cet apport super génial.

    Par contre, comment l'intégrer sur un site classique dans un module html.

    J'ai intégrer le code, les logos apparaissent, mais il ne fonctionnent pas.

    Merci d'avance pour ton aide.

    RépondreSupprimer
  115. vrement merci , et vous etes le meilleur blogger , ton frere marouen

    RépondreSupprimer
  116. sofienne voila mon gmail : brabbi:aouinimarouen@gmail.com
    ajoute moi

    RépondreSupprimer
  117. Salut
    Dommage que sa ne marche pas directement dans la page, faut cliqué sur l'article pour voir les boutons de partage. Y a une solution à sa?
    Merci encore pour ton blog :)

    RépondreSupprimer
  118. Suffit de supprimer la condition b:if

    RépondreSupprimer
  119. waou merci pour ta rapidité.
    alors je viens de trouver avant de voir ta réponse je te montre ce que j'ai supprimer et sa marche bien enfin pour le moment.

    et à la fin du code
    Tu me dira si j'ai bien ou pas merci Soufiane

    RépondreSupprimer
  120. Je pense on peu pas mettre de message dans le code, j'ai supprimer le début du code
    et a la fin b:if

    RépondreSupprimer
  121. Bonjour Le Blogger!

    Tout d'abord bravo pour ton super blog, tes conseils sont vraiment super!

    J'ai besoin de ton aide car même en décochant la case "boutons de partage", mon blog les affiche qd même!!! au secours je ne les veux pas!

    Peux-tu me dire quelles lignes supprimer dans le html stp?? ainsi que pour les libellés, j'ai le même problème!

    Merci d'avance!

    Cordialement,

    Lauren B.

    RépondreSupprimer
  122. Salut Soufiane,

    Depuis que j'ai ajouté ce widget, mes commentaires ont disparu, sais-tu ce que je dois faire pour y remédier?

    merci,

    Céline

    RépondreSupprimer
  123. /!\ Mettre à jour le code :
    Il y a erreur sur l'adresse de redirection pour Twitter : il manque les www.

    Un grand merci encore !
    ( http://ayawooga.blogspot.com/ )

    RépondreSupprimer
  124. Up pour l'image du flux RSS s'il vous plait. Merci pour ces astuces super utiles !

    (http://cahieractu.blogspot.com)

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

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

    RépondreSupprimer
  127. Bonjour,
    Moi je n'ai pas trouvé sur mon blog http://maisons-chretiennes.blogspot.com/ la balise data:post.body.

    RépondreSupprimer
  128. @ 152 : As-tu pensé à cocher la case "Développer des modèles de gadgets" ?

    RépondreSupprimer
  129. j ai un problème dans mon blog je sais pas où ajouter ce gadget
    www.oualid-wafli.blogspot.com
    merci

    RépondreSupprimer
  130. Salut ! Merci pour toutes les astuces, j'en est utilisé quelques unes... Mais cette fois ci je m'en sors pas... J'ai bien suivi ton tuto mais rien ne s'affiche... As-tu une idée de ce que j'ai raté ?

    RépondreSupprimer

Copyright 2015 Soufiane.fr