Question

我想将the new facebook "like" button添加到我的Blogger网站。

我必须将网址传递到iframe src。

中的博文

我可以从<data:post.url/>获取Blogger帖子网址，但我不能将其放在src字符串中，因为Blogger的模板系统很奇怪。

我想这样做：

<iframe allowTransparency='true' frameborder='0' scrolling='no'
src='http://www.facebook.com/plugins/like.php?href=<data:post.url/>&amp;layout=standard&amp;show-faces=true&amp;width=450&amp;action=like&amp;colorscheme=light'
style='border:none; overflow:hidden; width:450px; height:px'/>

但Blogger抱怨道：

您的模板无法解析，因为它的格式不正确。请确保正确关闭所有XML元素 XML错误消息：与元素类型“null”关联的属性“src”的值不得包含“＆lt;”字符“。

有人有这个吗？

Answer 1

试试这个，

<iframe allowTransparency='true' 
        expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&amp;layout=button_count&amp;show_faces=false&amp;width=75&amp;action=like&amp;font=trebuchet+ms&amp;colorscheme=light"' 
        frameborder='0' scrolling='no' 
        style='border:none; overflow:hidden; height: 20px'/>

Answer 2

使用本教程添加类似按钮 - FB已为类似按钮推出了新设计 - http://www.bloggerplugins.org/2010/04/facebook-like-button-for-blogger.html

Answer 3

我写了一篇关于在WikiHow上使用iframe方法的分步指南： http://www.wikihow.com/Add-Facebook-Like-to-Blogger

如果它不适合您，请告诉我。本质上，你的src需要使用expr：src语法，字符串/数据连接。

声称JavaScript版本更灵活，但仍有许多人在浏览器中禁用JavaScript或使用某些NoScript插件。

Answer 4

第1步：请将 JavaScript SDK 应用于您的模板。

第2步：找到这一行<b:includable id='post' var='post'>

第3步：把它放在它之后

<b:if cond='data:post.url'>
  <fb:like action='like' colorscheme='light' expr:href='data:post.url' layout='standard' show_faces='false' width='450'/>
</b:if>

保存并完成;）

Answer 5

更改模板时我也遇到了同样的错误。所以我通过使用JavaScript函数document.write找到了一个解决方案：

    <script>
    document.write('&lt;iframe src=&quot;http://www.facebook.com/plugins/like.php?href=<data:post.url/>&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;font=verdana&amp;colorscheme=light&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot; allowTransparency=&quot;true&quot; style=&quot;border:none; overflow:hidden; width:450px; height:80px&quot;&gt;&lt;/iframe&gt;');
</script>

只需将上述代码放在博客文章部分的末尾即可。

两个注释：

Irwan的解决方案应该可行（我还没有尝试过），但这意味着必须加载FB SDK。对于谁关注博客表现而言，这可能是一个问题。
Maggie的解决方案工作正常，但不允许人们独立地喜欢帖子。

可以看到它在这里工作：http://fliscorno.blogspot.com/

Answer 6

Juan Jorge的解决方案应该有效。

恕我直言，使用博客上的javascript SDK 比使用iframe方法更优雅（我在我的博客上都试过了）。

这是我在该主题上发表的几篇帖子的链接（包括在属性等内部使用博客表达式以及如何使用javascript sdk将类似按钮合并到您的博客模板中）：

http://blog.yanivkessler.com/search/label/blogger

希望这会有所帮助......

如何在Blogger博客中添加Facebook的“赞”按钮？

6 个答案: