在FaceBook Like按钮上隐藏计数器

时间:2011-09-29 10:55:32

标签: javascript html facebook facebook-like

我有一个简单的html页面,带有FaceBook Like按钮:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://opengraphprotocol.org/schema/">
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>

<div id="fb-root"></div>
<script type="text/javascript">

    window.fbAsyncInit = function() {
        FB.init({
            status: true, // check login status
            cookie: true, // enable cookies to allow the server to access the session
            xfbml: true, // parse XFBML
            channelURL: 'http://myurl.com', // channel.html file
            oauth: true // enable OAuth 2.0
        });
    };
    (function(d) {
        var js, id = 'facebook-jssdk'; if (d.getElementById(id)) { return; }
        js = d.createElement('script'); js.id = id; js.async = true;
        js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
        d.getElementsByTagName('head')[0].appendChild(js);
    } (document));


</script>

<fb:like href="http://myurl.com" layout="button_count" show_faces="false" width="450" height="35" action="like" colorscheme="light" font="trebuchet ms" allowTransparency="true"></fb:like>

</body>
</html>

如何隐藏按钮旁边的计数器?

非常感谢!

3 个答案:

答案 0 :(得分:2)

使用Facebook在http://developers.facebook.com/docs/reference/plugins/like提供的iframe代码,然后将其包装在高度和宽度为div且隐藏溢出的div中。

答案 1 :(得分:1)

我现在测试了几个版本。 a)您在不同的浏览器上遇到很多问题,您必须检查每个浏览器版本 b)有一个名为“ClearClick”的noscript插件 - 它会警告/阻止用户点击这样一个隐藏的FB按钮。没有解决方案。那么有1个解决方案,隐藏空间必须在屏幕上显示,因此ClearClick无法对其进行修改并且不会警告用户。但是我不相信你的页面顶部有你喜欢的按钮。

答案 2 :(得分:0)

从John的链接中选择标准的facebook就像按钮就可以了! ;)