定制facebook喜欢的盒子

Question

我想自定义我的facebook喜欢的设计。香港专业教育学院已经在网上搜索并按照所有说明进行操作，这是我尝试的链接，但它似乎已经过时了：

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

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

在这里被困了近2个小时。任何人都知道如何自定义喜欢的盒子吗？

非常感谢您的帮助。

Answer 1

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

享受：）

Answer 2

Weltkind做对了。诀窍在于，当您将<fb:like-box>更改为<fb:fan>时，您必须同时包含profile_id属性，或者它不会显示任何内容！如果您像我一样重命名了您的粉丝页面网址，原始数字可以从洞察页面中获取。我赞成Weltkind，但我还没有足够的声誉。卫生署。 ：）

Answer 3

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

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

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

Answer 4

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

如果你有链接，我可以帮你一些。

Answer 5

您无法自定义iframe方法。但是，您可以通过自己的CSS自定义xfbml方法。查看此页面：How to Customize your Facebook Fan Box

Answer 6

您可以使用html代码自定义类似Facebook的框。最简单的方法，请按照此步骤进行操作。

<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的网址替换为您的Facebook页面网址。

您可以参考here