Facebook Like-Button - 隐藏计数？

Question

在Like-Button 的设置对话框中,布局只有两个选项:

死链接 - 备选1 死链接 - 备选2

不幸的是,我的雇主网站的数字远不及22'000,所以权力决定我们不应该显示"喜欢"的数量,直到这个数字对我们有利.据我所知,我无法通过Javascript或CSS访问按钮的布局(它位于facebook提供的iframe中).有没有其他方法可以隐藏计数？

Answer 1

如果你这样做,overflow:hidden那么请记住它也会隐藏XFBML版本中出现的评论框...用户喜欢它之后.如果你这样做最好......

/* make the like button smaller */
.fb_edge_widget_with_comment iframe
{
    width:47px !important;
}

/* but make the span that holds the comment box larger */
span.fb_edge_comment_widget.fb_iframe_widget iframe
{
    width:401px !important;
}

Answer 2

编码显示"推荐"的Like按钮宽度为84px,"喜欢"按钮为44px,这样可以为像我这样需要隐藏我的页面当前不受欢迎的CSS人员节省一些时间!我把这个代码放在我的主页上,所以最初我不希望它宣传我喜欢的Likes数量.

Answer 3

接受的答案很好,但要注意多语言页面.文字长度不同:

英语:喜欢

荷兰人:Vind ik leuk

德语:Gefälltmir

只是一个抬头.

Answer 4

只是在div中包含iframe,将宽度设置为按钮的宽度,将overflow设置为隐藏即ie

  <div style="width:52px;overflow:hidden;">
      <fb:like layout="button_count"></fb:like>

      <div id="fb-root"></div>
          <script>
              window.fbAsyncInit = function() {
                  FB.init({
                    appId: 'YOUR_APP_ID',
                    status: true,
                    cookie: true,
                    xfbml: true
                  });
              };
              (function() {
                  var e = document.createElement('script');
                  e.type = 'text/javascript';
                  e.src = document.location.protocol +
                  '//connect.facebook.net/en_US/all.js';
                  e.async = true;
                  document.getElementById('fb-root').appendChild(e);
              }());
          </script>
      </div>

Answer 5

它现在由Facebook正式支持.只需选择"按钮"布局即可.

https://developers.facebook.com/docs/plugins/like-button/