如何在Squarespace网站上添加类似Facebook的页面框?

时间:2011-04-15 07:00:26

标签: html facebook widget xfbml squarespace

我正在尝试在我的Squarespace网站上添加一个类似于Facebook的页面框,并遇到一些麻烦。

该框的代码是从facebook生成的,它在开发模式下工作正常,它显示了类似框的功能。但是当我退出并且刚刚查看网站时出现错误,告诉我“您尝试访问的页面受限制或不可用”。

我从FB输入的代码是:

<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FNexus-Magazine%2F116070391739244&amp;width=250&amp;colorscheme=light&amp;show_faces=true&amp;stream=true&amp;header=true&amp;height=427" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:427px;" allowTransparency="true"></iframe>

我联系了Squarespace支持,他们回答说: 租赁说明,在方形空间站点内编写,添加和修改编码是一项高级修改。 Squarespace不提供代码故障排除/支持。您需要检查您使用的编码对源的有效性,以确保代码正确。

话虽如此,在查找问题的过程中,我设法修复了你的facebook“按钮”的编码。您尝试引用的页面的地址未显示相关字符,如“http://”中的“:”和“//”所有字符都显示为特殊字符的HTML编码:“%2 “=”/“

一旦我在Facebook页面的编码中更改了这些字符的HTML表示,问题就解决了。

他们将原始代码更改为:

<iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/Fpages/FNexus-Magazine/F116070391739244&amp;width=270&amp;colorscheme=light&amp;show_faces=true&amp;stream=true&amp;header=true&amp;height=427" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:427px;" allowTransparency="true"></iframe>

虽然问题没有解决。

你有什么想法吗?

提前致谢!

干杯,

斯科特

1 个答案:

答案 0 :(得分:0)