Ajouter une Like Box Facebook (plugin Page) à un blog Blogger ou WordPress


Vous possédez un blog sur Blogger ou sur WordPress et vous voulez permettre à vos lecteurs de vous suivre sur Facebook ? Vous pouvez ajouter une Like Box Facebook (qu'on appelle aussi le "Plugin Page") à votre blog de manière très simple : elle servira à mettre en avant votre page Facebook sur votre blog, pour permettre à vos lecteurs de vous suivre en un clic grâce à un bouton "J'aime cette page".

Dans cet article, je vais vous montrer comment installer la Like Box de Facebook.

#1 - Créer la Like Box sur Facebook

Dans un premier temps, vous allez personnaliser votre bouton "J'aime cette Page" Facebook qui permettra aux lecteurs de s'abonner.

1. Notez l'adresse de votre page Facebook.

2. Rendez-vous sur cette page : création d'un Plugin Page Facebook (la "Like Box" s'appelle désormais le Plugin Page).

3. Complétez les informations demandées :

  • URL de Page Facebook - C'est l'adresse de votre page.
  • Largeur & Hauteur - Il s'agit respectivement de la largeur et de la hauteur que fera votre Like Box Facebook en pixels. A vous de la régler selon le thème que vous utilisez sur votre blog. Il y a tout de même des valeurs minimales et maximales : la largeur doit être comprise entre 180 et 500 pixels ; la hauteur doit être supérieure à 70 pixels. Si vous ne savez pas quoi mettre, cochez la case "Adapter à la largeur du plugin container" et le Page Plugin Facebook essaiera de s'adapter à la largeur de l'endroit où il se trouve.
  • Afficher les visages des ami(e)s - Vous pouvez décocher cette case pour afficher juste l'image de profil de votre page et un bouton Like ou cocher la case si vous voulez afficher quelques photos de vos fans Facebook.
  • Utiliser une en-tête plus petite - Cocher cette case permet de réduire la taille de l'en-tête de la Like Box.
  • Masquer la photo de couverture - Cette case permet d'afficher ou de masquer l'image de couverture de votre page Facebook sur la Like Box.

La partie "Onglets" permet de choisir si on veut afficher quelque chose en plus du bouton J'aime Facebook. Si vous laissez le champ vide, voici à quoi ressemble une Like Box :

Une Like Box Facebook très simple
Une Like Box Facebook très simple

Vous pouvez remplir le champ "Onglets" avec un mot comme "timeline" pour afficher vos derniers posts, "events" pour vos prochains événements, "messages" pour permettre aux gens d'envoyer un message à votre page directement depuis la Like Box. On peut mettre plusieurs mots dans le champ Onglets, en les séparant par une virgule.

Le Plugin Page de Facebook
Le Plugin Page de Facebook avec des onglets

#2 - Récupérer le code du bouton J'aime cette page

Une fois vos personnalisations effectuées, cliquez sur le bouton bleu "Obtenir le code"... et ne paniquez pas en voyant du code s'afficher ;)

Facebook vous propose deux options pour intégrer la Like Box à votre blog : soit copier deux morceaux de code, à deux endroits différents de votre blog ; soit copier un seul code, une "iframe".

En général, la méthode avec iframe est la plus simple à mettre en oeuvre pour les blogueurs débutants... mais elle est parfois bloquée pour des raisons de sécurité, notamment sur WordPress. Je vais donc vous montrer les deux méthodes (SDK JavaScript et iframe) mais vous devez en choisir une des deux.

Intégrer le Plugin Page de Facebook sous forme d'iframe
Intégrer le Plugin Page de Facebook sous forme d'iframe

Laissez donc cette page ouverte dans un onglet de votre navigateur et ouvrez un autre onglet où vous allez vous connecter sur votre blog.

#3 - Afficher le Plugin Page Facebook sur son blog Blogger (méthode de l'iframe)

1. Pour pouvoir afficher le plugin Page de Facebook sur Blogger, rendez-vous dans le menu "Mise en page" : votre thème de blog doit permettre l'ajout de gadgets pour que la méthode fonctionne.

2. Cliquez sur "Ajouter un gadget" à l'endroit où vous aimeriez faire apparaître la Like Box, par exemple dans la sidebar (sur le côté de votre blog). On vous propose alors une multitude d'options.

Ajouter un gadget sur Blogger

3. Choisissez HTML/Javascript.

Ajouter un gadget HTML/Javascript à Blogger

4. Donnez un titre au gadget si vous le souhaitez, par exemple "Suivez-moi sur Facebook". Ce n'est pas obligatoire.

5. Vous n'avez plus qu'à copier-coller le code de l'iframe fourni par Facebook et enregistrer. Et c'est tout !

Like Box Facebook sur Blogger
Like Box Facebook sur Blogger

#3 bis - Afficher le Plugin Page Facebook avec le SDK Facebook

Sur WordPress, l'affichage d'iframe est souvent bloqué par défaut dans les widgets pour des raisons de sécurité. Il est alors plus simple d'utiliser la méthode du SDK Facebook, celle qui implique d'ajouter deux bouts de code :)

C'est une alternative à la méthode de l'iframe, vous devez donc choisir l'une ou l'autre mais pas les deux à la fois !

Le plugin Page de Facebook sur WordPress

Nous allons placer chacun des bouts de code que Facebook vous a fournis à un endroit différent.

Notez qu'il est question ici de WordPress.org. Si vous avez un blog gratuit sur WordPress.com, la méthode est expliquée à la fin de l'article.

Dans le fichier header du thème

Connectez-vous au FTP avec le client FTP de votre choix (vous l'avez sûrement utilisé pour installer WordPress sur votre site : il y a par exemple FileZilla et WinSCP). Entrez dans le dossier wp-content, puis dans le dossier themes, puis dans le dossier de votre thème WordPress.

Notez que si vous modifiez un thème, il est fortement conseillé de créer un thème enfant et d'apporter vos modifications à ce thème enfant, au lieu de les effectuer directement sur le thème de base. Ainsi, si le thème de base est mis à jour par son créateur, vous éviterez de perdre toutes les modifications effectuées, qui seront préservées grâce au thème enfant.

Vous devriez trouver dans le dossier du thème (ou du thème enfant, donc) un fichier intitulé header.php. Ouvrez-le et recherchez la ligne qui commence par <body. Juste APRES cette ligne, copiez le premier bout de code fourni par Facebook et enregistrez le fichier.

Le code de la Like Box Facebook - Etape 1
Le code de la Like Box Facebook - Etape 1

Comme ceci :

Code Facebook dans le header sur WordPress
Code Facebook dans le header sur WordPress

Dans un widget WordPress

La deuxième étape est bien plus simple : direction le menu Apparence > Widgets de votre administration WordPress. Choisissez sur la gauche un widget intitulé "HTML personnalisé" et faites-le glisser vers la droite à l'emplacement où vous voulez faire apparaître votre plugin Page de Facebook.

Vous n'avez plus qu'à copier-coller le deuxième morceau de code fourni par Facebook, à donner un titre au widget si vous le souhaitez et à enregistrer !

Intégration du code Facebook sur WordPress
Intégration du code Facebook sur WordPress

Voici ce que ça donne :

Widget HTML personnalisé
Widget HTML personnalisé

Au terme de ces deux étapes, votre plugin Page devrait s'afficher sur votre blog !

Le Plugin Page Facebook sur Blogger avec la méthode SDK

Nous allons nous intéresser à chacun des deux bouts de code que Facebook nous a donnés. Il faut les ajouter à deux endroits différents de votre thème Blogger, vous devez donc suivre toutes les étapes ci-après.

Dans le menu "Thème" de Blogger

1. Connectez-vous à votre compte Blogger et cliquez d'abord sur le menu "Thème" dans la colonne de gauche.

2. Cliquez sur "Modifier le code HTML". Blogger va alors afficher tout le code qui contrôle l'affichage de votre blog.

3. Dans ce code, cherchez la ligne qui commence par <body et juste APRES cette ligne, copiez le premier bout de code fourni par Facebook, le "SDK Javascript", comme ici :

Code SDK Javascript de Facebook
Code SDK Javascript de Facebook

Vous devez remplacer le & qui se trouve avant le mot version par &amp; sinon votre blog affichera une erreur disant "The reference to entity "version" must end with the ';' delimiter" au moment de l'enregistrement.

Validez ensuite en cliquant sur le bouton orange "Enregistrer le thème" en haut de page.

Dans le menu "Mise en page" de Blogger

Passons maintenant à l'affichage de la Like Box elle-même !

1. Cliquez sur le menu "Mise en page".

2. Cliquez sur "Ajouter un gadget" à l'endroit où vous voulez que votre Like Box Facebook s'affiche, par exemple dans la sidebar (sur le côté de votre blog).

Ajouter un gadget sur Blogger

3. Choisissez HTML/Javascript.

Ajouter un gadget HTML/Javascript à Blogger

4. Donnez un titre au gadget si vous le souhaitez, par exemple "Suivez-moi sur Facebook". Ce n'est pas obligatoire.

5. Copiez le deuxième bout de code fourni par Facebook dans le champ prévu à cet effet.

Afficher le Page Plugin Facebook sur Blogger
Afficher le Page Plugin Facebook sur Blogger

Vous n'avez plus qu'à enregistrer et une jolie Like Box Facebook s'affichera sur votre blog Blogger pour permettre à vos lecteurs de vous suivre !

Si vous ne voyez pas le plugin Page Facebook s'afficher, videz le cache de la page en faisant ⌘ + Maj + R sur Mac, Ctrl + F5 sur PC. Il faut parfois le faire une ou deux fois pour que les changements apparaissent.

Le bouton "J'aime cette page" peut aussi mettre du temps à s'afficher si votre page charge beaucoup d'éléments extérieurs (exemple : des publicités). Comme la Like Box doit elle aussi récupérer des éléments sur le site de Facebook pour pouvoir s'afficher, elle apparaît parfois tardivement lors du chargement de la page.

Un dernier mot pour les utilisateurs de WordPress.com

Si vous avez un blog gratuit sur WordPress.com, l'ajout d'un plugin Facebook est déjà prévu. Quand vous êtes sur le tableau de bord de votre blog, rendez-vous dans la rubrique Apparence > Widgets. Sur le côté gauche de la page, sélectionnez un widget intitulé "Extension pour les pages Facebook".

Faites-le glisser vers la droite à l'endroit où vous voulez l'afficher dans votre thème WordPress. Personnalisez ensuite le widget en lui donnant un titre si vous le souhaitez, en renseignant l'URL de votre page Facebook et les options de votre choix :

Widget Facebook sur WordPress.com
Widget Facebook sur WordPress.com

Vous n'avez plus qu'à sauvegarder et vous verrez apparaître la Like Box à l'emplacement choisi !

J'espère que cet article vous sera utile pour créer une synergie intéressante entre votre blog et votre page Facebook !


Poster un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

103 commentaires sur “Ajouter une Like Box Facebook (plugin Page) à un blog Blogger ou WordPress
  • JB

    Bonjour, j’ai essayé avec la méthode « Plugin Page Facebook avec le SDK Facebook pour wordpress ». J’ai donc dû créer un thème enfant. Le problème c’est que j’ai pas de header. Comment en créer un? s’il vous plait. Merci.

    Répondre à JB
    • Marlène Viancin

      Bonjour, il faut reprendre le fichier du thème parent et le modifier, mais dans le dossier du thème enfant.

      Répondre à Marlène
    • JB

      Merci beaucoup.

      Répondre à JB
    • JB

      Je viens de faire la manip’.
      Dans les versions desktop, les like box apparaissent bien mais dans les versions mobiles ça ne fonctionne pas:
      -Dans la version SDK, la like box n’apparait pas.
      -Dans la version iframe: Au lieu de la like box, il y a un rectangle gris dans lequel se trouve un logo pixelisé représentant une feuille de papier écornée avec un visage triste à l’intérieur. Si l’on appuie dessus le message « m.facebook.com n’autorise pas la connexion » apparait.

      Répondre à JB
  • Dominique

    Merci beaucoup

    Répondre à Dominique
  • Hyacinthe

    marlène vous êtes un ange , vos tutos sont biens claires et vraiment wonderful !!! je ne cesse de faire votre publicité dans mon pays

    Répondre à Hyacinthe
  • Clém

    Merci infiniment pour ce tuto!!

    Répondre à Clém
  • Wodecki

    Bonjour, je me permets de vous demander quelques conseils. Je n’arrive pas à insérer le « suivez-moi sur Facebook » dans mon blog. Je pense que c’est un soucis de choix de thème mais je ne désire pas le changer ce thème. merci d’avance

    Répondre à Wodecki
    • Marlène

      Bonjour, quel est le problème exact ? S’il n’y a pas de zone prévue pour les gadgets, malheureusement ce sera impossible de suivre le tuto avec le thème actuel.

      Répondre à Marlène
  • L'antre littéraire

    Bonjour,
    J’ai suivi ton tutoriel. La box s’affiche bien mais… elle s’affiche sur la droite, vers mes onglets, alors que je la voulais en pop-up. Ai-je fait quelque chose de mal?

    Répondre à L'antre
    • Marlène

      Hello, le tutoriel ne permet pas de créer une pop-up mais simplement d’afficher la Like Box sur son blog. Pour créer une pop-up sur Blogger, il faut passer par un widget tiers, j’ai repéré celui de POWr par exemple mais je ne sais pas ce que ça vaut.

      Répondre à Marlène
  • Sylvie

    Bonjour,
    Quand je suis votre procédure, j’obtiens une erreur 500 sur blogger. Pouvez-vous m’aider ? Merci.

    Répondre à Sylvie
    • Marlène

      Bonjour Sylvie, dans la mesure où la procédure fonctionne pour les autres personnes, je pense que vous avez dû oublier une étape… mais difficile de vous dire laquelle. A quel stade du tutoriel obtenez-vous cette erreur 500 ?

      Répondre à Marlène
    • Sylvie

      Bonjour,
      Après avoir inclus le code après body et après avoir remplacé le & par & je fais une prévisulation avant de sauvegarder et c’est à ce moment-là.

      Répondre à Sylvie
    • Marlène

      L’étape de prévisualisation ne sert à rien car le code que l’on ajoute est un script, il ne s’affiche donc à aucun endroit visible du blog :) C’est l’ajout du gadget qui permet vraiment d’afficher la Like Box.

      Avant de modifier son thème, il est préférable de toujours faire une sauvegarde du modèle. Ainsi, même si on n’arrive pas au bout d’un tutoriel, on peut toujours remettre en place la sauvegarde. Une erreur 500 lors de la prévisualisation peut être liée à la façon dont le thème est codé et n’avoir aucun lien avec le tutoriel.

      Répondre à Marlène
    • Sylvie

      Merci. J’ai réessayé sans faire la prévisualisation mais ma modification au thème ne veut pas s’enregistrer, enfin je clique sur enregistrer et tout se passe bien mais quand je reviens le code html a disparu. Je soupçonne google de bloquer Facebook …

      Répondre à Sylvie
  • Fady-Ambroise

    Bonjour,
    J’ai essayé le même processus, mais il n’y a que le lien de ma page Facebook qui apparait sur le blog.

    Répondre à Fady-Ambroise
    • Marlène

      Je vois bien le Page Plugin pour ma part :) Sans doute un problème de cache qui t’empêchait de voir les modifications effectuées.

      Répondre à Marlène
    • Fady-Ambroise

      En tout cas j’ai actualisé à plusieurs reprises mais cela n’apparait pas, juste le lien du page. je ne sais vous chez vous, vous arrivez à voir ça sur mon blog ou peut être que j’ai commis une erreur quelque part?

      Répondre à Fady-Ambroise
    • Marlène

      Ça apparaissait parfaitement, dans la colonne de droite. En revanche, là je n’arrive même plus à charger votre site, il y a tellement d’appels à des publicités que la page met une éternité à se charger, ça explique peut-être que le script Facebook mette un temps fou à apparaître.

      Essayez aussi de vider le cache en faisant Ctrl + F5.

      Répondre à Marlène
    • Fady-Ambroise

      Merci beaucoup, ça marche maintenant.
      Votre site m’est d’une grande utilité!

      Répondre à Fady-Ambroise
  • Clotilde

    J’ai réussi à installer le widget pour Instagram grâce à ton article sur le sujet, mais je n’ai pas le même succès avec le plugin pour Facabook :( Je n’ai pas de message d’erreur, mais la boite ne s’affiche tout simplement pas en dessous du titre. Qu’ai-je donc zappé..?

    Répondre à Clotilde
    • Clotilde

      Merci de ne pas prendre en compte mon précédent message, j’ai compris d’où venait mon erreur: je voulais afficher un groupe et non pas une page, un groupe fermé de surcroit! ;)

      Répondre à Clotilde
    • Marlène

      Hello, tout s’explique :) Je te confirme qu’on voit bien le Page Plugin apparaître tout en bas de ton blog !

      Répondre à Marlène
    • Clotilde

      Oui, j’aurai voulu le placer à côté du plugin instagram, mais pas trouvé comment faire. Je vais continuer à « bidouiller » et je vais bien finir par y arriver! ;) Merci..!

      Répondre à Clotilde
    • Marlène

      Je pense qu’en utilisant la propriété « float », tu obtiendras l’effet souhaité. Quelque chose du style :

      div#HTML2.widget.HTML {float: left;
      margin-right: 10px;}

      A ajouter dans le code de ton thème…

      Répondre à Marlène
    • Clotilde

      Merci! j’ai fait plusieurs essai mais je n’ai pas trouvé où l’ajouter…

      Répondre à Clotilde
  • Thierry

    Bonjour,
    Merci pour ce billet salutaire. Toutefois, lorsque je rentre le code après , j’obtiens le message d’erreur suivant : Erreur d’analyse XML, ligne 2681, colonne 64 : The reference to entity « version » must end with the ‘;’ delimiter..
    Facebook m’aurait livré un code erroné ? Comment le réparer ?

    Répondre à Thierry
    • Marlène

      Bonjour, je parle de cette erreur dans l’article et de la façon de la résoudre. Avez-vous bien suivi le tutoriel sans sauter cette étape ?

      Répondre à Marlène
    • Thierry

      Je suis désolé. Je n’ai effectivement pas vu le message sur fond gris mentionnant cette erreur. Pour autant, je viens de corriger mon code et la box ne s’affiche toujours pas. Il n’y a que le nom de la page écrit en rouge.

      Répondre à Thierry
    • Marlène

      Il manque probablement un morceau de code quelque part mais sans aucune adresse de blog, je ne peux pas deviner ce qui se passe ;) Le plus simple est sans doute de reprendre le tutoriel au début pour s’assurer qu’aucune étape n’a été oubliée.

      Répondre à Marlène
    • Thierry

      J’ai déjà recommencé plusieurs fois. C’est peut-être lié au thème car j’ai le même problème pour la box Twitter.

      Répondre à Thierry
    • Thierry

      Je crois avoir identifié le problème. Cela viendrait peut-être du navigateur puisque les box apparaissent dans Chrome.

      Répondre à Thierry
    • Marlène

      Hello Thierry, j’ai regardé sur Chrome, Firefox et Internet Explorer et je vois bien le Page Plugin sur les trois navigateurs :) Une histoire de cache sans doute !

      Répondre à Marlène
    • Thierry

      Encore merci !

      Répondre à Thierry
  • Mirna

    Super enfin quelque chose que je fais sur le blog qui marche !!!!
    Ça me redonne de l’espoir. Je n’ai eu aucun problème cette fois.
    Je vois la lumière au bout du tunnel.
    Et pour Instagram il y a un tuto ?
    1000 merci en tout cas.

    Répondre à Mirna
  • La Fénéante

    Merciiii beaucoup!!! j’ai fais la relou en n’ayant pas vu qu’il fallait modifier le &… mais j’ai réussi!

    Répondre à La
    • Marlène

      C’est la difficulté avec le code, la moindre petite erreur peut tout compromettre ;)

      Répondre à Marlène
  • CarolinaRosa

    Merci beaucoup pour ton aide!

    Répondre à CarolinaRosa
  • Délia

    Tu vas te dire que je passe ma vie chez toi, mais j’ai installé deux pluggins dont celui-ci ce matin grâce à toi! Maintenant il ne me reste plus qu’à trouver une stratégie pour faire grimper mes abonnés sur facebook et je serai refaite :D
    Ton blog est vraiment une mine d’or pour ceux qui n’y pigent rien, alors merci!

    Répondre à Délia
    • Marlène

      Merci à toi de me rendre visite :) Facebook pousse tant de gens à s’arracher les cheveux (on ne se demande même pas pourquoi je n’ai pas créé de page pour le blog ^^) ! Leur algorithme est déprimant. Je vois parfois des pages qui s’investissent vraiment, avec des contenus intéressants, et qui ont malgré tout 3 likes par post maximum sur une base de plusieurs centaines d’abonnés. Et pourtant, si tout le monde continue à y aller c’est probablement parce que ça reste LE réseau de référence, qui touche toutes les générations…

      Répondre à Marlène
  • Pougnard

    UN GRAAAAAANNNNNND MERCI ! je viens de le faire ettttttt ça MARCHE !!!! po po po popopopp trop contente ! merci milles fois !
    Bonne année

    Répondre à Pougnard
  • Nico

    Salut, merci pour ce tuto! C’est clair et bien fait! Mais ça marche pas (apparemment que pour moi…).
    J’ai suivis les étapes, pensé à remplacer le & etc… mais je n’ai qu’un lien vers mon facebook… que pasa?

    Répondre à Nico
    • Marlène

      Bonjour, de mon côté je vois bien le Page Plugin sur le blog !

      Répondre à Marlène
  • Blue Lion and Co

    Merci Beaucoup pour cet article! Tu m’a sauvé la vie! Bisous ma belle!

    Répondre à Blue
  • Apilou

    Bonjour,
    Je suis avec intérêt les publication du site.

    J’ai installé ce matin le bouton Facebook sur mon blog. Tout s’est passé sans problème bien que je suis néophyte en matière de code.

    Merci et un grand bravo pour ce site qui est une mine d’or de conseils.

    Répondre à Apilou
  • maryse

    merci beaucoup, je galérais a insérer ma page facebook sur mon blog, grâce a vous c’est hyper facile
    milles merci

    Répondre à maryse
    • Marlène

      De rien Maryse, j’aime beaucoup le scrapbooking, vos créas sont très sympa !

      Répondre à Marlène
    • Maryse

      Merci je debute encore. .j ai ajouter un lien vers votre site que j avais omis de faire .pas bien ça. .Merci encore pour votre aide

      Répondre à Maryse
    • Marlène

      Merci, c’est gentil de le faire !

      Répondre à Marlène
  • Emma

    Bonjour, je suis les étapes à la lettre, et j’ai bien un lien vers ma page qui s’est crée sur mon blog (actif si on clique dessus) mais je n’ai pas la box en elle-même…
    Ou ai-je fait une erreur ?
    Merci.

    Répondre à Emma
    • Emma

      C’est à nouveau moi ! :)
      Je viens de résoudre mon problème en incluant le lien iframe et non Javascript dans le gadget.
      Merci encore.

      Répondre à Emma
    • Marlène

      Bonjour Emma, tant mieux si le problème est résolu ! La prochaine fois, mieux vaut laisser le lien de ton blog quand tu postes un commentaire ici… car souvent, je ne peux pas aider sans voir le blog concerné :)

      Répondre à Marlène
  • l0uanne

    Merci merci merci merci !!! Des mois que je bataille, grâce à ce tuto très clair je viens d’y arriver !!

    Répondre à l0uanne
    • Marlène

      Bien joué ! Il ne faut pas batailler pendant des mois, il faut m’envoyer un mail en me proposant un sujet d’article ;)

      Répondre à Marlène
  • Marie

    Au top merci ! Moi qui suis une brêle dans ce domaine, j’ai réussi à le faire. Clair et efficace, un article incontournable

    Répondre à Marie
  • Jeanne

    Hello merci pour ce Toto :) Mais malheureusement pour moi ça ne fonctionne pas, j’ai bien tout suivi, mais au final sur mon blog, il y a juste le lien de ma page facebook qui apparait, il n’y a pas l’image de la « like box », on ne voit que le nom de mon blog. Y a t’il une solution SVP?

    Répondre à Jeanne
    • Marlène

      Bonjour, je pense que tu as oublié de copier le premier bout de code fourni par Facebook, je ne le vois pas dans ton code. C’est le paragraphe « Dans le menu « Thème » de Blogger ». A mon avis tu n’as fait que l’étape décrite dans le paragraphe « Dans le menu « Mise en page » de Blogger ».

      Répondre à Marlène
    • Jeanne

      Merci pour ta réponse :) Mais je ne pense pas que le problème vienne de là parce que j’ai bien fait cette étape là également, j’ai bien tout fait comme décrit et ce plusieurs fois :) Et ce n’est pas le seul widget qui fait ça, mon widget bloglovin que j’ai également bien installé me fais la même choses. Je ne sais pas dutotu comment ça se fait, je ne trouve pas de solution cette situation me désespère un peu :(

      Répondre à Jeanne
    • Marlène

      Je vois maintenant la like box et le code sur ton blog donc j’imagine que tu as trouvé la solution ;)

      Répondre à Marlène
    • Jeanne

      Oui j’ai toruvé la solution, merci beaucoup beaucoup :)

      Répondre à Jeanne
  • Anaé

    Merci beaucoup pour cet article ! Si même moi, qui suis une vraie novice en informatique, ai réussi à suivre ton tuto sans soucis, c’est qu’il est vraiment clair et bien fait.

    Répondre à Anaé
  • kakeshy

    coucou,
    merci pour cet article.
    mais je n’y arrive pas, le logo ne s’affiche pas. pourtant j’ai réalisé toutes les étapes, tout a été enregistré modifié correctement, et rien….
    aurais un dernier conseil??

    Répondre à kakeshy
  • Karine

    Bonjour, comme d’habitude ce tuto est super clair, donne les bonnes démarches à suivre… et à jour en plus grâce à tes réponses rapides aux questions, SOS désespérés… MERCI, tu nous laisses l’impression de nous en tirer pas trop mal avec l’informatique… :-)

    Répondre à Karine
  • bbnoona

    Merci beaucoup pour l’astuce! Tout est bien expliqué en détail. C’est génial!

    Répondre à bbnoona
  • Emma Beauty

    Merci beaucoup pour le tuto ça marche bien, mais je suis maintenant en 2ème étape et je n’ai pas trouvé & avant version, j’ai trouvé qu’un seul mot version le voilà (<html b:version='2')
    Aidez-moi s’il vous plait !

    Répondre à Emma
    • Marlène

      Bonjour, si tu n’as pas de & dans le code que te donne Facebook, alors tu n’as rien à remplacer dedans ;-) Ce n’est pas dans le code de ton blog qu’il faut chercher le mot version mais dans ce que te fournit Facebook et que tu insères sur ton blog :)

      Répondre à Marlène
  • Madagascarian

    coucou, je viens de voir ton article et ça m’a aidé mais le pb c’est que ça ne s’affiche sur mon blogger, il y’a juste marqué le lien de la page facebook mais pas plus, pourtant la page est bel et bien publiée ! :/ pourrais tu m’aider s’il te plaît ? merci d’avance :)
    des bisous :)

    Répondre à Madagascarian
    • Marlène

      Est-ce que tu as aussi copié le premier bout de code (pas seulement celui à mettre dans un gadget) ? Car je ne vois pas ce bout de code dans le code de ton blog :)

      C’est un bout qui commence par <div id="fb-root"></div>

      Répondre à Marlène
    • Madagascarian

      en effet je viens de le faire et c’est bon, merci pour ton aide ! :)

      Répondre à Madagascarian
  • Marie

    Merci pour ton aide !!! Je suis là dessus depuis 1h au moins à cause de cette erreur du amp; :D
    Merci merci merci :)

    Répondre à Marie
    • Marlène

      De rien, c’est vrai que cette particularité n’est pas évidente à débusquer ! Bonne journée :)

      Répondre à Marlène
  • Quelques Grammes de Glam

    Hello ! Je viens de le faire et c’est beaaaauuuu ! Cependant, j’aurai voulu juste une box avec la photo de mes amis mais en plus, j’ai tous mes posts qui apparaissent en dessous, et ça je n’en ai pas besoin (vas voir sur le blog pour comprendre ce que je veux dire car je suis nulle en explications !!!) Mille mercis encore, que ferait on sans toi !!! Bises ! Emma

    Répondre à Quelques
    • Marlène

      Rhaaa c’est fou, je découvre avec ton message qu’ils ont encore rechangé les options disponibles ! En fait, il y a maintenant un champ intitulé « Tabs », à droite de l’endroit où tu entres l’URL de la page Facebook : par défaut, il y a le mot « timeline » dedans (qui affiche donc les derniers posts), si tu le retires et que tu laisses ce champ vide, tu ne verras plus le flux de tes derniers statuts.

      Répondre à Marlène
    • Quelques Grammes de Glam

      youppiiiii ça fonctionne merci merci !!!!!

      Répondre à Quelques
  • maitrekofna

    bonjour, j’ai une question, votre tuto marche à merveille pour safari et chrome mais impossible de voir apparaitre le module sur mozilla ! ma version de Mozilla est pourtant à jour, avez-vous rencontré ce problème ?

    Répondre à maitrekofna
    • Marlène

      Bonjour, je ne vois pas de zone de widgets sur le blog de votre signature (y compris sur Safari & Chrome), à quel endroit le Page Plugin est-il censé s’afficher ?

      Répondre à Marlène
    • maitrekofna

      En théorie, il y a deux modules. un simple bouton like en bas de chaque « article » ainsi qu’une « like box » en bas de page. J’ai constaté un léger temps de chargement sur chrome et safari, peut-être que c’est ça. (mais rien du tt sur Mozilla dans tous les cas)

      Répondre à maitrekofna
    • Marlène

      J’ai laissé charger un long moment et effectivement, les deux finissent par apparaître, y compris sur Firefox (testé avec Firefox 42 sur PC).

      Je pense que le non-affichage s’explique juste par le temps de chargement très long de tes pages. Pour te donner une idée, le poids total de ton dernier article dépasse 57 Mo : une page web aujourd’hui pèse en moyenne 2 Mo (stats sur l’année 2014 établies sur un panel de 500 000 sites). Même en fibre optique c’est très long à charger complètement donc la performance s’en ressent.

      Répondre à Marlène
    • maitrekofna

      Merci beaucoup pour cette réponse. Effectivement les articles sont denses et pourtant ce sont des images en faible résolution !

      Répondre à maitrekofna
  • blackvetvet

    Lol, vu sur sous cet angle, je me sens un peu plus pro que ma mère. Bonne journée et merci ;)

    Répondre à blackvetvet
  • Les Ptits loups du Gévaudan

    En fait, qqch n’a pas fonctionné. A gauche de la page de mon blog il y a le f de Facebook qui ne veut pas partir! help please!!

    Répondre à Les
    • Marlène

      On dirait que tu as un widget qui traîne avec cette image dedans (widget qui n’a rien à voir avec le Page Plugin Facebook). Il faudrait que tu regardes dans ton menu « Mise en page » quels widgets (gadgets) sont actifs sur ton blog et que tu supprimes celui qui contient l’image…

      Répondre à Marlène
    • Les ptits loups du Gévaudan

      C’est tout bon, merci encore!

      Répondre à Les
  • Les ptits loups du Gévaudan

    Merci, c’est le seul site qui explique vraiment bien comment il faut faire!

    Répondre à Les
  • Marie

    merci +++++
    cet article est super clair et bien expliqué :-)

    Répondre à Marie
    • Marlène

      Merci Marie d’avoir pris le temps de laisser un petit message !

      Répondre à Marlène
  • Sarah

    Merci beaucoup! J’ai réussi à insérer ma likebox du premier coup. Très claires tes explications!

    Répondre à Sarah
  • Sarah

    Ah super, je cherchais comment faire justement !
    Merci beaucoup et tes tutos sont vraiment très utiles :)

    Répondre à Sarah


Si vous aimez les articles du site, n'hésitez pas à faire vos achats sur Amazon.fr via ce lien ; il me permettra de toucher une commission grâce au programme Partenaires Amazon EU.