Bouton "J'aime" de Facebook - comment désactiver la fenêtre pop-up de commentaire ?

Question

J'aimerais désactiver la boîte de commentaires qui s'affiche lorsqu'un utilisateur clique sur le bouton J'aime de Facebook (fbml) que j'ai placé sur mon site. Est-ce possible ? Je ne trouve aucun détail dans la documentation.

Answer 1

La solution la plus simple pour masquer la boîte de commentaires après un "Like" Facebook (version XFBML, pas la version iframe) est la suivante :

.fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr {
    display: none !important;
}

Placez le style CSS dans n'importe quel fichier CSS et voyez la magie, ça marche :)

Answer 2

Le fait de placer l'iframe dans un div de taille appropriée avec overflow réglé sur hidden a permis de résoudre le problème - bien que cela ne fasse que masquer le problème en tant que tel.

Answer 3

Je l'utilise dans mon CSS :

.fb-like{
    height: 20px;
    overflow: hidden;
}

et rendre le bouton Facebook avec le code HTML5 normal, quelque chose comme ceci :

<div class="fb-like" data-layout="button_count" data-show-faces="false"></div>

gr-

Answer 4

Ce que j'ai fait est de créer un div pour le bouton "like" comme ceci :

<div class="fb_like">
  <fb:like href="yourlink" send="false" layout="button_count" width="90" show_faces="false" font="arial"></fb:like>
</div>

Et voici le CSS :

.fb_like {  
  overflow: hidden;
  width: 90px;
}

Answer 5

J'aime la solution de Mohammed Arif et je la choisis comme la meilleure réponse. Mais dans le cas où FB a changé de classe, alors la solution ci-dessous fonctionnera toujours

FB.Event.subscribe('edge.create', function(response) {
   $('#like_button_holder').html('<div class="fb-like" data-href="http://www.your-url.com" data-send="false" data-layout="button_count" data-width="50" data-show-faces="false"></div>')
   FB.XFBML.parse();
});

où "like_button_holder" est "VOTRE" div id contenant le code du bouton facebook like.