Question

是否可以添加自定义的Facebook图标？我希望它成为<ul>的一部分，我真的不想加载另一个库的SDK或所有<meta>标签....

有没有人实现过自定义按钮？我不需要他们的按钮提供的计数器等，说实话，他们是丑陋的。我一直在寻找最近2个小时没有真正的运气。

我发现了这个：

<a name="fb_share"></a> 
<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" 
    type="text/javascript">
</script>

但它实现了一个按钮。

修改

我已经阅读了他们的API，虽然非常容易使用我不喜欢他们的<iframe>或XFBML代码生成的按钮。我只想找出是否有办法从这样的东西制作自定义链接：

<ul>
   <li><a href="some code here">Facebook</a></li>
</ul>

我在API中遗漏了什么？它总是生成一个带有计数器和图形的巨大按钮，这正是我不想要的。

Answer 1

我在另一篇文章中找到了：

<a title="send to Facebook" href="http://www.facebook.com/sharer.php?s=100&p[title]=YOUR_TITLE&p[summary]=YOUR_SUMMARY&p[url]=YOUR_URL&p[images][0]=YOUR_IMAGE_TO_SHARE_OBJECT" target="_blank"><span><img width="14" height="14" src="'icons/fb.gif" alt="Facebook" /> Facebook></a>

我用过这个并运作良好：）

Answer 2

自定义“赞”按钮为against Facebook's policies。

“虽然您可以缩放尺寸以满足您的需要，但您不能以任何其他方式修改Like按钮（例如通过更改设计）。”

Answer 3

如果你不是手工制作它，那就是Facebook developer "Like" API documentation

如果他们的API没有公开生成的按钮为你复制的内容，那么可以通过一种方式找出类似按钮实际上在做什么（如果它不是超链接，并且因为它可能是由ajax发布的，这可能是发生）找出如何在javascript中处理事件。如果脚本已经优化/缩小，这可能会有问题。

另一种方法是找出它生成的HTTP请求，使用Fiddler监听请求并检查它以查看其目标和任何表单数据。

如果您对类似按钮的功能感到满意，但不满足其风格，请使用CSS重新设置它，这可能是更安全的选项，因为任何API更改都可能会破坏任何模仿脚本。

否则，除非您正在设计自己的图标，否则可以下载免费的silk icons，使用拇指向上图标作为图像，并对需要不同图标的任何鼠标悬停/点击事件进行轻微编辑，您可以使用JavaScript JQuery或JQuery-UI处理事件（取决于您已加载的库）。

这应该处理UI行为，可以使用AJAX（JQuery AJAX documentation）回复服务器。

Answer 4

我发现Chaddo关于Custom Facebook Like Button (BlackHat Button)的文章非常有效，使用CSS来自定义按钮。您可以下载zip source code。它效果很好，并且可以在高度方面使用改进。

自定义facebook喜欢链接？

4 个答案: