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.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>
Facebook
 <div style="float:left;padding:5px;">
<a expr:share_url='data:post.url' 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.url' 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.url' 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.url' 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 !!!!
95 Commentaires
Francine à dit :

Bonsoir,
`Super ce petit gadget "Facebook" - merci

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

Olive à dit :

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.

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

Olive à dit :

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

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

Francine à dit :

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 ?

@ Francine
Facebook et Twitter sont largement suffisants.
Merci ...

Olive à dit :

Super merci pour le conseil Soufiane.

Mon script je le modifirai.

Encore merci ;)

Boro à dit :

MERCI !!!
Après des heures de recherches, je tombe enfin sur votre site et votre solution !!
merci merci merci !

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

=))

Boro à dit :

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

@Boro
cela est possible avec tweetmeme.com ou retweet.com =))

Boro à dit :

et encore merci !
c'est tout bon !!!!!!!

Boro à dit :

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 ?

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

@boro
remplace aussi :p par :p

Boro à dit :

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

@Boro
Merci ;;)

lecorback à dit :

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

++

@lecorback
Merkiiiii :)) :))

graphikk à dit :

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.

vedebe à dit :

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

Jeremy à dit :

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 !

Anonyme à dit :

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

Faut supprimer le code que tu ajouté ;) ;)

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

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

@graphikk
Ajoute le n'importe où !

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

Ajoute le sans les DIV dans le code du Retweet

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

C'est bon, j'ai réussi !

Mickael à dit :

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.

@mbiru ! à dit :

Etonnant chez moi il ne se passe rien ??? Une idee peut etre

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

Merci infiniment..c'est ce que je voulais

Soufiane à dit :

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

Soufiane à dit :

@Mickael
Je ne vois pas le bouton dans ton blog ?

Mickael à dit :

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

Soufiane à dit :

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

Mickael à dit :

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

D4-P à dit :
Ce commentaire a été supprimé par l'auteur.

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

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?

Soufiane à dit :

@Attention à la Terre
En haut où ? par rapport à quoi ?

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.

Astghik à dit :

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

Basto à dit :

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

Astghik à dit :

Merci beaucoup Souffiane ! Toutes tes astuces marchent à la perfection .

Ddl 2 Ouf à dit :

Merci beaucoup pour cet article.
Http://www.ddl2ouf.blogspot.com/

Tyma à dit :

Bonjour, juste un petit message pour vous remercier pour cet article

ClaudeL à dit :

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?

Super article !

Eska à dit :

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

Soufiane à dit :

@Eska
Il faut utiliser l'adresse du Flux RSS de ton Blogspot, regard ici : http://www.leblogger.com/2009/10/flux-rss-atom-feed-blogspot-blogger.html

Eska à dit :

Mille mercis, Soufiane !

MARTO à dit :

BONJOUR
COMMENT FAIRE POUR METTRES LES BOUTONS TWEET ET FB A COTE A COTE
MERCI

Julien à dit :

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

Anonyme à dit :

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

lucky à dit :

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

Solenn à dit :

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 !

Solenn à dit :

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

Tres cool partage gratuit sur http://www.libre-partage.com/

Excellent... Merci beaucoup.
Surtout pour les scripts !

Snowcho à dit :

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 !

djey à dit :

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

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

ImgsFree à dit :

Merci beaucoup :)

Batman à dit :
Ce commentaire a été supprimé par l'auteur.
Batman à dit :

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.

BBGun91 à dit :

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 !

Anonyme à dit :

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

Max à dit :

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

groganga à dit :

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

mahmoudi à dit :

Super ! Merci beaucoup!
coursdentaire.blogspot.com

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

Anonyme à dit :

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

Merci, merci

Trente5 à dit :
Ce commentaire a été supprimé par l'auteur.
admin 1 à dit :

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é

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

Comment mettre ce bouton en bas du message ?

Ce commentaire a été supprimé par l'auteur.
mm à dit :

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 !

Anonyme à dit :

en fait il suffit de le placer apres la balise

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

Anonyme à dit :

balise < data: post.body >

Tom à dit :

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

Krrish à dit :

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

Laureline à dit :
Ce commentaire a été supprimé par l'auteur.
Anonyme à dit :

Ca marche nikel , je voudrais juste changer la taille de l icone.

Anonyme à dit :

Pardon ,bonjour d'abord et merci pour ce blog

Anonyme à dit :

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

smslove à dit :

merciiiiiiiii
http://msgdamour.blogspot.com/

habibah-04 à dit :

merciiii
http://el-habibe.blogspot.com/

Copyright 2011 LeBlogger.com