2011-11-04 44 views
0

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

我不想要这个对话窗口。我只是想要增加像按钮的数量。 有人请帮助我,谢谢!

<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> 
+0

看起来像有一堆语法错误给我,但你可以用没有<?php echo代码的代码编辑问题在它,而是实际的网址?没有办法测试你没有发布的代码。我会建议查找如何在Google上制作一个类似Facebook的按钮,并从头开始。另外,当我想要使用+1按钮来添加喜欢按钮时,我认为唯一真正起作用的版本是iFrame选项。 – miahelf

+0

谢谢miahelf。我已经使用我的网址编辑了代码。 – lavitanien

+1

嗯,没有,当我加入你的代码的HTML文件上工作,但是当我改变了这一行:js.src =“//connect.facebook ...在HTTP补充:前//它工作得很好随着 – miahelf

回答

0

在阅读Facebook开发者页面之后,我认为URL“Like”的新样式包括弹出/对话框。您可以使用设置为正确大小的Like按钮以及溢出隐藏弹出窗口:为其分配隐藏的CSS属性。另一种选择是在Facebook页面上使用Like按钮。这被称为Like Box,但同样只适用于Facebook网页/网址。也许你可以为你的网站创建一个Facebook页面,并有所有的Like按钮链接到那个?

这里是Facebook的样箱发生器,它可以关闭大部分功能得到公正的Like按钮,而不是所有多余的东西: http://developers.facebook.com/docs/reference/plugins/like-box/

这里是Facebook的Like按钮发电机,有一个弹出来,他们提到弹出可能会隐藏着虽然不谈论它,就好像你可能想隐藏它: http://developers.facebook.com/docs/reference/plugins/like/

+0

没有弹出我觉得弹出添加到Like按钮时,他们不赞成分享按钮 – miahelf

+0

不,它是独立于。我不认为它会出现,如果没有检测到空间来呈现它,我是不知道用什么方法来决定是否有空间,如果你使用XFBML版本,它不应该弹出任何其他元素。弹出窗口允许用户在将链接分享到墙上时对您的链接发表评论,我认为它也提高了点击率,所以我很惊讶你想隐藏它 – Igy

3

在你的CSS:

.fb_edge_comment_widget.fb_iframe_widget { display: none !important } 
2

这些都不CSS变通办法似乎工作,截至目前(2012年12月),所以我建议你使用一个更可靠的解决方案:只需将FB:喜欢进入一个div overflow: hidden。如果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; 
} 

如果您检查的官方Like button referenceFacebook开发,特别是部分当我点击Like按钮,弹出窗口(或“弹出窗口”)不显示。为什么?,你会发现这就是Facebook建议你做的(尽管无意)