How to add the Facebook like button on your blog :

Il suffit d’ajouter un code HTML dans n’importe quelle web pour y ajouter le bouton « like » de Facebook.

Par exemple :

—————————————————————

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) {return;}
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#appId=4545454545&xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div data-href="http://www.infoformations.fr/cms/" data-send="true" data-width="450" data-show-faces="true"></div>
---------------------------------------------------------

Pour obtenir le code exacte il suffit de remplir le formulaire dans cette page :

http://developers.facebook.com/docs/reference/plugins/like/

( Si ils vous demandent par sécurité de vous identifier vous devez vous connecter sur Facebook, saisir votre numéro de téléphone mobile et ils vous enverront un code par SMS. )

Le problème c’est pour mettre ce code sur toutes les pages de votre blog dynamique comme avec WordPress ou Drupal.

Avec WordPress vous pouvez installer cette extension : http://wordpress.org/extend/plugins/facebook-like-and-send-button/

Avec Drupal, il y a tellement de modules supplémentaires avec des fonctions divers qu’on s’y perd !

Alors pour Drupal il suffit de rajouter un peu de code dans un bloc à à la fin de l’article ( du « contenu » / ‘content’) :

Etape 1 : Vérifier dans les formats d’entrés que vous pouvez écrire du code PHP, sinon rajouter un format d’entrée PHP ( /admin/settings/filters ).

Etape 2 : Dans les blocs rajoutez un bloc qui s’appelle « Facebook » par exemple

Etape 3 : Déplacez ce bloc dans contenu, content, ou content bottom. (c’est à dire à la fin de l’article)

Etape 4 : Dans ce bloc, clic sur « source » pour taper le code PHP / HTML directement. Choisissez un format d’entrée avec PHP.

Copier le code de Facebook.

Puis replacer l’URL statique par un code PHP qui donne l’URL dynamique de la page :

Au final fait il faut taper ce code :

<?php
$_urlofthispage = "http://".$_SERVER['SERVER_NAME'].$_SERVER['PHP_SELF']."?".$_SERVER['QUERY_STRING'];
?>
<div id="fb-root">
    &nbsp;</div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) {return;}
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#appId=000000000000xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div data-href="http://www.infoformations.fr/cms" data-send="true" data-width="450" data-show-faces="true"></div>

C’est juste un exemple, appId et data-href ne sont pas corrects. This is just an example, appId and data-href are not correct.

Je propose mes services d’assistance informatique pour les particuliers, les PME et j’interviens aussi comme consultant technique freelance pour les grandes entreprises : n’hésitez pas à me contacter.

Publicités