自定义Facebook点赞框

Question

17

我希望个性化设计我的Facebook like-box。我已经在网上搜索并按照所有指示进行了操作，这是我尝试过的链接，但似乎已经过时：

虽然网上有很多教程，但都提供相同的解决方案。

在这个问题上已经卡了将近两个小时了。是否有人知道如何自定义like-box？

非常感谢您的帮助。

- EVG

2

我也遇到了同样的问题。我无法弄清如何将我的自定义样式表添加到新的<fb:like-box>中。教程已经过时了。 - Petr Peller

6个回答

5

世界孩子说得没错。诀窍在于，当你将<fb:like-box>更改为<fb:fan>时，你必须同时包括profile_id属性，否则它将不显示任何内容！如果像我一样重命名了粉丝页的URL，则可以从insights页面获取原始数字。我会给世界孩子点赞，但我还没有足够的声望。咦。 :)

- mdpatrick

2

Facebook有一个“向导”，几乎为您提供了所有允许的选项和样式。

- Brent Baisley

-1 这个向导几乎不允许你样式化除宽度以外的任何东西。 - Petr Peller

@PetrPeller，你的反对票是没有道理的。这是正确的答案...你不能超出FB向导允许的范围来设置FB Like Box的样式。 - Sparky

@Sparky672 请查看Weltkind的回答。 - Petr Peller

@PetrPeller，根据Weltkind的说法，那不再是一个Like Box，而是一个Fan Box。此外，FB TOS在这方面似乎非常清楚。 - Sparky

@PetrPeller，我猜你的时间不会太长了。我知道他们不希望你改变他们的品牌形象，这就是为什么新的API不允许这样做的原因。 - Sparky

显示剩余5条评论

1

你无法自定义 iframe 方法。但是，你可以通过自己的 CSS 自定义 xfbml 方法。请参阅此页面：如何自定义 Facebook 粉丝框

- Marc

1

你的问题是什么？提供的链接中的说明非常好用。确保每次更改并上传 CSS 文件时更新“?1”参数。

如果你有链接，我可以帮你更多。

- tobiasmay

我在我的代码中已经做了这个，只是当我将fb:like-box更改为fb:fan时，fb like-box就消失了。这就是为什么我认为那个教程已经过时的原因。事实上，Facebook给他的代码与在Facebook like-box页面生成的代码不同。 - EVG

0

您可以使用HTML代码自定义Facebook Like Box。最简单的方法是按照以下步骤进行。

将此代码放入您的HTML代码中，并将iframe的URL替换为您的Facebook页面URL。

你可以在这里获取参考链接

- Miral Viroja

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Weltkind · Accepted Answer

从这里获取XFBML代码：http://developers.facebook.com/docs/reference/plugins/like-box/#
将fb:like-box重命名为fb:fan
上传你的CSS文件到你的网站
在fb标签中添加以下参数：profile_id="你页面的ID" css="http://example.com/css/your-cutom-style.css?1"

享受吧 :)