我正在尝试更改网站上“赞”按钮的宽度,但出于某种原因,它无法正常工作。我已经尝试过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&send=false&layout=button_count&width=1600&show_faces=false&action=like&colorscheme=light&font&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>
答案 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>
的谢谢... 强> 的