Facebook 自定义FB-like按钮

我正在尝试配置一个新的转换按钮，将像一个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个免费转换按钮像like按钮一样工作，我希望like按钮不可见

---

有什么帮助吗？这里有一个链接，指向我正在进行现场测试的页面

根据Facebook的条款，你不允许弄乱类似按钮的布局。如果您想要自己的按钮布局，请使用内置的类似OG的操作，或使用类似以下的库：