更改类似按钮的宽度

时间:2011-12-08 09:55:28

标签: javascript facebook-like

我正在尝试更改网站上“赞”按钮的宽度,但出于某种原因,它无法正常工作。我已经尝试过HTML5,iFrame和XFBML版本,但它们都被渲染到相同的大小。关于我做错了什么的任何想法?代码如下。

<!DOCTYPE HTML>
<html xmlns:fb="http://ogp.me/ns/fb#">
   <head>
   </head>
   <body>
   <div class="fb-like" data-href="http://www.facebook.com" data-send="false" data-layout="button_count" data-width="2000" data-show-faces="false"></div>
   <fb:like href="http://www.facebook.com" send="false" layout="button_count" width="3000" show_faces="false"></fb:like>
   <iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com&amp;send=false&amp;layout=button_count&amp;width=1600&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:1600px; height:100px;" allowTransparency="true"></iframe>
   <div id="fb-root"></div>
    <script>
      window.fbAsyncInit = function() {
        FB.init({
          appId      : 'MY_ID', // App ID
          status     : true, // check login status
          cookie     : true, // enable cookies to allow the server to access the session
          oauth      : true, // enable OAuth 2.0
          xfbml      : true  // parse XFBML
        });

        // Additional initialization code here
      };


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

2 个答案:

答案 0 :(得分:1)

最小宽度为55px。

3000可能有点太多了。尝试使用http://developers.facebook.com/docs/reference/plugins/like/处的工具制作一个实际尺寸的按钮。

答案 1 :(得分:0)

我建议你使用html5的插件

<div class="fb-like" data-href="your_link_goes_here" data-send="true" data-width="450" data-show-faces="true"></div>

谢谢...