17

我想定制我的 facebook like-box 的设计。我已经在网上搜索并按照所有说明进行操作，这是我尝试过的链接，但它似乎已过时：

http://www.daddydesign.com/wordpress/how-to-customize-your-facebook-fan-box/

网络上有很多教程，但有相同的解决方案。

在这被困了将近2个小时。谁能知道如何自定义like-box？

非常感谢您的帮助。

4

6 回答 6

22
  1. 从这里获取 XFBML 代码：http: //developers.facebook.com/docs/reference/plugins/like-box/#
  2. 将 fb:like-box 重命名为 fb:fan
  3. 在您的网站上上传您的 css 文件
  4. 将此参数添加到 fb 标签： profile_id="ID OF YOUR PAGE" css="http://example.com/css/your-cutom-style.css?1"

享受 ：）

于 2011-04-13T12:03:09.267 回答
5

Weltkind 做对了。诀窍是，当您更改为时，<fb:like-box>您<fb:fan>还必须包含该profile_id属性，否则它不会显示任何内容！如果您像我一样重命名了您的粉丝页面 URL，则可以从见解页面中获取原始编号。我会支持 Weltkind，但我还没有足够的声誉。多哈。:)

于 2011-05-17T20:18:03.177 回答
2

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

http://developers.facebook.com/docs/reference/plugins/like

http://developers.facebook.com/docs/reference/plugins/like-box

于 2010-11-01T01:22:19.850 回答
1

你的问题到底是什么？提供的链接上的说明确实很好用。每次进行更改并上传时，请务必更新 css 文件的“?1”参数。

如果您有链接，我可以为您提供更多帮助。

于 2010-11-01T00:53:36.223 回答
1

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

于 2011-03-24T16:53:06.420 回答
0

您可以使用 html 代码自定义 facebook like 框。最简单的方法，按照这个步骤。

<div id="facebooklikebox-3" class="widget widget_FacebookLikeBox"><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="https://www.facebook.com/607728429342897" width="290" show_faces="true" border_color="AAAAAA" stream="false" header="true" class=" fb_iframe_widget" fb-xfbml-state="rendered" ><span style="vertical-align: bottom; width: 290px; height: 400px;"><iframe name="f25883e0a8" width="290px" height="1000px" frameborder="0" allowtransparency="true" allowfullscreen="true" scrolling="yes" title="fb:like_box Facebook Social Plugin" style="border: none; visibility: visible; height: 400px;" class=""></iframe></span></fb:like-box></div>

将此代码放入您的 html 代码中，并将 iframe 的 url 替换为您的 facebook 页面 url。

你可以在这里得到参考

于 2015-06-22T17:12:57.717 回答