Ajout du bouton J’aime de Facebook

Ajout du bouton J’aime de Facebook

Par R@ph dans Le Blog le 10 mai 2010 | Pas de commentaire
Pas topMouaiCorrectSympaExcellent
1 vote(s), Note: 5,00/5
Loading ... Loading ...

Comme vous l’avez sans doute remarqué, vous pouvez désormais cliquer en bas de chaque article sur le bouton « J’aime » de Facebook. Sur votre profil s’affichera donc la fameuse phrase « Un tel aime tel article ». C’est très bien si vous souhaitez partager un contenu de mon blog avec vos amis et contacts Facebook!

Alors comment ajouter le bouton « J’aime » de Facebook à un blog WordPress?

Bouton j'aime Facebook sur WordPress

C’est simple et deux choix s’offrent à vous :

  • En utilisant une iframe :
    Copiez ce code dans votre thème à l’endroit où vous souhaitez ajouter le bouton :
    <iframe src= »http://www.facebook.com/plugins/like.php?href<?php the_permalink() ?>&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;font&amp;colorscheme=light&amp;height=80″ scrolling= »no » frameborder= »0″ style= »border:none; overflow:hidden; width:450px; height:80px; » allowTransparency= »true »></iframe>
  • En utilisant le lien xfmbl :
    Si vous ne l’avez pas déjà fait, ajoutez le code javascript SDK sous la balise <body> de votre blog (utile si vous voulez utilisez d’autres modules de Facebook) :
    <div id= »fb-root »></div>
    <script>
    window.fbAsyncInit = function() {
    FB.init({appId: ‘your app id’, status: true, cookie: true,
    xfbml: true});
    };
    (function() {
    var e = document.createElement(‘script’); e.async = true;
    e.src = document.location.protocol +
    ‘//connect.facebook.net/fr_FR/all.js’;
    document.getElementById(‘fb-root’).appendChild(e);
    }());
    </script>

    Puis, ajoutez la ligne suivante à l’endroit où vous voulez voir apparaitre le bouton « J’aime » :
    <fb:like href= »<?php the_permalink() ?> »></fb:like>

Le résultat est celui que vous pourrez voir sous cette phrase ;)



« Ajout du bouton J’aime de Facebook » vous plait? Faites le savoir sur Facebook!


Merci =)

tabs-top
tabs-top

Pas de commentaire »

Pas encore de commentaire.

Flux RSS des commentaires de cet article. TrackBack URL

Laisser un commentaire