自定义FB喜欢按钮

时间:2012-09-18 06:18:32

标签: facebook

我正在尝试配置一个像facebook页面一样的新转换按钮。我发现了一些代码可以做到这一点,但我无法弄清楚最后一步。这是代码:

<style type="text/css">
#facebook_like_button_holder {
position:relative;
width:291px;
height: 74px;
color:#fff;
background: url('http://slingshotyou.com/wp-content/uploads/2012/09/cro.png');  
}

#facebook_like_button_holder iframe {
position:absolute;
top: 0px;
width: 291px !important;
}

#fake_facebook_button {
pointer-events: none;
display: none;
position:absolute;
width:291px;
height: 74px;
left:0;
top:0;
background: url('http://slingshotyou.com/wp-content/uploads/2012/09/cro.png');  
}

</style>

<div id="facebook_like_button_holder">
<fb:like href="http://www.slingshotyou.com/" layout="button_count" show_faces="false"  width="450" action="recommend"></fb:like>

<div id="fake_facebook_button"></div>
</div>


<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>

<script type="text/javascript">
FB.Event.subscribe('edge.create', function(response) {
window.location = "http://www.google.com/";
});

</script>

基本上,我想要的是让“100个免费转换”按钮像按钮一样,我希望类似按钮不可见。

有任何帮助吗?这是我正在测试的页面的链接http://slingshotyou.com/bryants-experiment

0 个答案:

没有答案