Question

我在博客中添加了以下Facebook Like代码。但是当我点击按钮时，它会显示一个小的对话窗口，如下所示： http://www.badongo.com/pic/13928565

我不想要这个对话窗口。我只是希望按钮的数量增加。有人请帮助我，谢谢！

<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/zh_TW/all.js#appId=189257097820759&xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-like" data-href="imobile.tw" data-send="false" data-layout="box_count" data-width="40" data-show-faces="false"></div>

Answer 1

在你的CSS中：

.fb_edge_comment_widget.fb_iframe_widget { display: none !important }

Answer 2

截至2012年12月，这些CSS解决方法似乎都没有工作，因此我建议您使用更可靠的解决方案：只需将fb：like放入带overflow: hidden的div中。如果div足够小（仅显示Like按钮），它将起作用。

将此信息放入您的html文件中：

<div id="fbLikeContainer">
    <fb:like send="false" layout="button_count" width="70" show_faces="false"></fb:like>
</div>

这是你的CSS文件：

#fbLikeContainer {
    overflow: hidden;
}

如果您查看 Facebook开发者上的官方Like button reference，尤其是当我点击“赞”按钮时，弹出窗口（或“弹出窗口”）不会显示。为什么？，你会看到这是Facebook建议你做的事情（虽然是无意的）

Answer 3

在阅读Facebook开发者页面后，我认为URL“Like”的新风格包括弹出/对话框。你可以隐藏弹出窗口，在Like按钮周围设置一个正确大小的div，并分配溢出：隐藏的CSS属性。另一种选择是在Facebook页面上使用Like按钮。这称为Like Box，但同样适用于Facebook页面/ URL。也许您可以为您的网站创建一个Facebook页面，并将所有Like按钮链接到该页面？

这是Facebook Like Box生成器，您可以关闭大部分功能以获得Like按钮，而不是所有额外的东西： http://developers.facebook.com/docs/reference/plugins/like-box/

这是Facebook Like按钮生成器，它也有一个弹出窗口，他们提到弹出窗口可能会被隐藏，虽然不要谈论它，好像你可能想要隐藏它： http://developers.facebook.com/docs/reference/plugins/like/

Facebook Like按钮显示奇怪的对话窗口

3 个答案: