26 mai 2012

Ajouter Le Bouton De Partage Facebook Blogger

Boutons De Partage Facebook
Le bouton de partage Facebook vous permet d’augmenter le trafic de votre blog en encourageant vos visiteurs à partager les liens de vos articles sur Facebook.
Ce bouton détecte automatiquement l'adresse de la page sur laquelle il est.
Pour l'utiliser, il vous suffit de choisir le style désiré et de copier son code et le mettre sur les pages de votre blog.






Présentation Du Bouton

|Version vertical avec compteur

Partager
<a name="fb_share" type="box_count" expr:share_url='data:post.url' href="http://www.facebook.com/sharer.php">Partager</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

|Version horizontal avec compteur

Partager
<a name="fb_share" type="button_count" expr:share_url='data:post.url' href="http://www.facebook.com/sharer.php">Partager</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

|Version horizontal sans compteur

Partager
<a name="fb_share" type="button" expr:share_url='data:post.url' href="http://www.facebook.com/sharer.php">Partager</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

|Icône 16*16

Partager
<a name="fb_share" type="icon" expr:share_url='data:post.url' href="http://www.facebook.com/sharer.php">Partager</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

|Bouton large


<script type="text/javascript">var fbShare = {url: '<data:post.url/>', size: 'large' }</script><script src="http://widgets.fbshare.me/files/fbshare.js" type="text/javascript"></script>

| Bouton léger


<script type="text/javascript">var fbShare = {url: '<data:post.url/>', size: 'small' }</script><script src="http://widgets.fbshare.me/files/fbshare.js" type="text/javascript"></script>

Ajouter le bouton de partage facebook à Blogger

Allez à "Modèle" > "Modifier le code HTML" cochez la case "Développer des modèles de gadgets"
Pour afficher le bouton au début des articles, placez son code juste après la balise :
<div class='post-header-line-1'>

Si vous désirez afficher le bouton à la fin de vos articles, alors placez le code approprié juste après l'une des lignes suivantes :
<div class='post-footer-line post-footer-line-1'>
<div class='post-footer-line post-footer-line-2'>
<div class='post-footer-line post-footer-line-3'>

Vous pouvez aussi placer le code du bouton dans un gadget "HTML/JS"

17 commentaires:

  1. Merci pour ton suivi de l'actu Blogger j'ai appliqué tout vos consignes à la lettre sur mon blog couverture facebook et les résultats sont très positifs..

    RépondreSupprimer
  2. Bonjour,

    Merci pour le post. Mais sur les versions dynamiques de Blogger comme Magazine ça ne fonctionne pas !
    Est-ce qu'il y a un autre script à mettre ?
    Clo

    RépondreSupprimer
  3. Bonjour
    Merci pour l'astuce.
    Le seul problème c'est que le bouton ne s'affiche que sur les 2 précédents messages et pas les messages les plus anciens. Une idée du pourquoi du comment?
    Merci d'avance

    RépondreSupprimer
  4. merci pq
    ajoute dans blog
    http://nejahkotwa.blogspot.com/

    RépondreSupprimer
  5. merci pour cet article , le problème avec ce bouton est qu'il affiche toujours en anglais . y a t il un moyen pour afficher "partager" à la place de share . merci

    RépondreSupprimer
  6. Merci pour l'article, moi je fais des tutorials sur mon blog comment partager des blogs et websites sur facebook je donnes des trucs et des astuces (y) =) ! http://facebook-answers.blogspot.com

    RépondreSupprimer
  7. Bonjour.
    Il y a pour moi un problème.
    Lorsque je clique sur le bouton partager sur Facebook en haut à droite de cette page, Ce n'est pas l'article qui est mis en avant mais le 1er commentaire :

    Ajouter Le Bouton De Partage Facebook Blogger ~ The Blogueur
    http://theblogueur.blogspot.com/...
    Merci pour ton suivi de l'actu Blogger j'ai appliqué tout vos consignes à la lettre sur mon blog couverture facebook et les résultats sont très positifs..

    1 sur 2Choisissez une miniature


    Comment faire pour que ce soir le début de l'article qui figure dans ce qui va être recommandé sur Fb et non le premier commentaire ?

    Merci pour l'aide.

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

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

    RépondreSupprimer
  10. Merci, ça fonctionne sur mob Blog

    http://www.modelee.com/

    RépondreSupprimer
  11. Salut! Merci pour tes conseils, c'est vraiment facile à suivre et bien expliqué. Je me demandais par contre si tu connaissais des script pour que le bouton facebook soit en francais ou neutre au pire?

    RépondreSupprimer
  12. Merci pour ton suivi de l'actu Blogger j'ai appliqué tout vos consignes à la lettre sur mon blog cours fsjes et les résultats sont très positifs..

    RépondreSupprimer
  13. merci
    http://lesappsandroid.blogspot.com/

    RépondreSupprimer
  14. Bonjour,

    Je place le code au bon endroit, mais il n’apparaît pas ? Une soluce ?

    Merci

    RépondreSupprimer
  15. Facebook pirater
    pirater un compte facebook gratuitement
    pirater un compte facebook gratuitement et facilement
    pirater un compte facebook gratuit sans logiciel
    hacker facebook
    pirater un compte facebook gratuitement en ligne
    pirater un compte facebook 2016
    comment pirater un compte facebook forum
    pirater un compte facebook sans logiciel
    http://face-panel.com/
    pirater un compte facebook 2015
    comment pirater un compte facebook facilement
    comment pirater un compte facebook gratuitement
    comment pirater un compte facebook gratuitement sans code
    comment pirater un compte facebook avec l'adresse mail
    comment pirater un compte facebook forum
    comment pirater un compte facebook gratuitement sans logiciel
    comment pirater un compte facebook sans logiciel

    RépondreSupprimer
  16. comment pirater facebook http://face-panel.com/
    comment pirater facebook mot de passe
    comment pirater facebook gratuitement sans code
    comment pirater facebook facilement
    comment pirater facebook gratuitement
    comment pirater facebook gratuitement sans logiciel
    comment pirater facebook sans logiciel
    comment pirater facebook youtube
    comment pirater facebook gratuitement sans logiciel
    espionner un compte facebook gratuitement
    piratage d'un compte facebook gratuit
    comment pirater facebook gratuitement sans logiciel 2013
    comment pirater facebook gratuitement facilement
    comment pirater facebook gratuitement sans code
    comment pirater un compte facebook gratuitement
    comment pirater un compte facebook facilement

    RépondreSupprimer