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.
Vous pouvez proposer d’autres services en commentaires et je ferais une mise à jour de l’article.
Démonstration
- 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='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&t=" + 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='"http://twitthis.com/twit?url=" + 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='"http://technorati.com/faves?add=" + 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='"http://digg.com/submit/?url=" + data:post.url + "&title=" + 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='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + 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='"http://del.icio.us/post?url=" + data:post.url + "&title=" + 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='"http://www.myspace.com/Modules/PostTo/Pages/?u=http"+ data:post.url + "&title=" + 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='"http://buzz.yahoo.com/submit/?submitUrl=" + 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='"http://www.google.com/bookmarks/mark?op=add&bkmk="+ data:post.url + "&title=" + 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='"http://reddit.com/submit?url="+ data:post.url + "&title=" + 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='"http://www.mixx.com/submit?page_url=" + 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='"http://www.linkedin.com/shareArticle?mini=true&url="+ data:post.url + "&title=" + 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='"http://friendfeed.com/?url=" + data:post.url + "&title=" + 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='"http://www.newsvine.com/_tools/seed&save?u="+ data:post.url + "&title=" + 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>
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
Complément-------> mon blog pour voir le problème: http://www.bibledugeek.com
Bible du Geek
Il faut juste ajouter quelques élément de style dans un DIV. je vais une MAJ après, ok :D
ok :D
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?
@ ptit fred
D'accord je vais ajouter Myspace.
Que dire si ce n'est : SUPER MERCI ;;)
j'ai ajouté myspace mais le link envoi sur une page qui n'est pas la bonne.. j'ai du rater un "épisode" lol ...
@ Phosphorus
je vais faire ça tout à l'heure.
un grand meci :-/
J'ai essayé de chercher...j'ai pas trouvé!!!
Finalement j'ai opté pour wikio
http://www.wikio.fr/tools/sharethis
@ 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.
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!!!
@ ptit fred
c'est cool, MAIS le meilleur reste à venir :)) :))
C'est pour bientôt le le cadre avec le titre partager cet article? :-/
Quelqu'un peut me répondre???
@ 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
pourquoi tu ne peu pas? problème d'admin6
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
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
@ La Friperie Musicale
je n'ai pas compris ce que tu veux.
le formulaire de commentaires??
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.
il faut juste supprimer les condition b:if
<b:if cond='data:blog.pageType == "item"'>
</b:if>
ah daccord autant pour moi, exuse moi soufiane pour cette question idiote merci beaucoup
Désolé de te redemander cela, mais tu crois pouvoir bientôt faire l'encadré et le titre "Partager l'article"?
Merci!
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
@ Bible du Geek
j'ai modifié l'article.
@ Lavablog
Merci.
Bonjour ,est ce quelqu'un peut m'aidez sur mon sujet Svp?
MERCI
LAURENT
@ Soufiane
et voila on est cool maintenent :x
a+
@ Soufiane
merci
Merci!
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.
@ Laurent Cloerec
c'est le quel de tes blogs ???
Tu as bien coché la case developper des modèles de gadget
@ 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....
@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
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 çà...
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/
ça y est, tout compris !!
@ Mary
ça n'apparait pas dans page d'accueil mais seulement dans les pages des Messages, tu peux enlever ça ...
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
Quelqu'un peut m'aider?
Excellent travail
Merci :)
@ Ambiru
Merci man ou WoMan
@ Soufiane
Just un Boot :D
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!!!
si c'est un script c'est bien possible.
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/
@ Forever Blue
Merci de partager tes découvertes c'est trop Cool.......
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 :(
(au passage j'ai enleve tous les < de mon code car le html n'est accepte en commentaire
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
@ 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 & et les " par "
et ça devrais passer
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 !
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 ;)
@ 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&loc=fr_FR' rel='nofollow' target='_blank'><img src='http://i906.photobucket.com/albums/ac264/leblogger/mail-32x322.png'/></a>
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) ;)
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
@
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.
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?
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
@ 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?
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 !!!!!!!!
@ 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>
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 ! :-)
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
@ 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
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.
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
@ 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....
@ Jean-François
Quel bouton ? quel espace ? quel lien ? de quoi ça s'agit .....
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
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 ;))
Merci Soufiane, ça a marché !
C'était bien une histoire de majuscule !
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
@ Laurent
Pour les boutons d'inscription au flux RSS je vais publier un articles pour ça : email, google, yahoo, msn, netvibes ....
@ Nausicaa
Il y a aussi l'application facebook "NetworkedBlogs" pour publier automatiquement les nouveaux messages de ton blog dans ton Facebook ...
@ Dominique Balaÿ - Roby Webmarketer
T'es encore en vie .....
oui ! je te remercie encore pour ton aide précieuse
@
Hihihi, je rigolais bien sûr ....
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.
@ 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 ....
Salut Soufiane,
Comment fait-on pour ajouter une signature à la fin de chaque message (billet, post) ?
Voici un exemple
Merci !
taxi535@gmail.com
@ 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.....
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
@ 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 .....
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 ! :-)
@
Merci JF ...
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 ;)
fAUSSE ALERTE 8-} ça marche!
merci encore...
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
@ninie
Le mieux est que tu ajoutes le lien texte a part et l'image a part....
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/
@Boro
Essai un <p> .........</p> ;)
...tout simplement !
ça marche ; merci !
j'ai apres le code data:poste.body
un autre code pour lire la suite comment je peu installe cette astuce
Merci beaucoup pour ce widget Soufiane, c'est top !
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
bon boulot, une fois de plus !
ton site est une mine d'or pour moi !
@Una Idea
Merci pou le partage :)
@Eiffel
=)(
@Boro
Merci :)
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
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
Je viens de le faire mais ça n'a pas du tout fonctionné !
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 ?
@A.B
Oups pas d'idée :-o
@PHILO
Non j'ai pas suivi 8-)
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 :-)
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
@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
Ok je vais essayer ça ce weekend, et je te dirai. Merci Soufiane
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 :-(
yesssssssssssssssssssssssss j'ai réussi mais autrement ;-)
merci de ton soutien quand même
Bravo :D
Ne fonctionne pas sur mon blog, seuls les liens s'y affichent.
Pareil, seuls les liens et pas d'icônes.
@Fox Prime
@Contact
Oui il y a encore un problème de majuscules avec les images, elles ne s'affichent pas :((
Pareil !
moi z'aussi. du texte mais pas d'icônes !
c'est mooooche !
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'
Ok j'ai hébergé les images et les icônes devrait s'afficher automatiquement...
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/
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
Merci beaucoup pour cette astuce!!
Bonjour Soufiane, merci beaucoup!!!! Par contre le logo pour les rss ne s'affiche pas!
Merci d'avance ;)
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
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
blog excellent et utile..merci
/
Super, merci.
http://leduc-blog.blogspot.com
Bonjour,
Comment réduire la taille des boutons svp ? Merci pour vos conseils.
@Jeeves
Changer les images
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
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/
@Obiwoobi
Merci °__°
merci bcp
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.
Le lien image pour RSS est dead
vrement merci , et vous etes le meilleur blogger , ton frere marouen
sofienne voila mon gmail : brabbi:aouinimarouen@gmail.com
ajoute moi
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 :)
Suffit de supprimer la condition b:if
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
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
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.
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
/!\ 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/ )
Up pour l'image du flux RSS s'il vous plait. Merci pour ces astuces super utiles !
(http://cahieractu.blogspot.com)
Bonjour,
Moi je n'ai pas trouvé sur mon blog http://maisons-chretiennes.blogspot.com/ la balise data:post.body.
@ 152 : As-tu pensé à cocher la case "Développer des modèles de gadgets" ?
j ai un problème dans mon blog je sais pas où ajouter ce gadget
www.oualid-wafli.blogspot.com
merci
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é ?