4

我想在我的 Blogger 网站上添加新的 facebook“喜欢”按钮。

我必须将 URL 传递给iframe src.

我可以从中获取 Blogger 帖子 URL，<data:post.url/>但我不能将它放在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'/>

但博主抱怨：

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

有人有这个工作吗？

4

6 回答 6

5

尝试这个，

<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'/>
于 2010-04-26T20:18:42.753 回答
1

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

于 2010-08-18T19:50:22.690 回答
0

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

让我知道它是否不适合你。本质上，您的 src 需要使用 expr:src 语法，以及字符串/数据连接。

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

于 2010-04-25T20:10:06.337 回答
-1

更改模板时我也遇到了同样的错误。于是我找到了使用 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/

于 2010-04-22T18:41:27.860 回答
-1

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

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

这是我就该主题发表的几篇文章的链接（包括在属性中使用博客表达式等以及如何使用 javascript sdk 将点赞按钮合并到您的博客模板中）：

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

希望这可以帮助...

于 2010-10-04T00:12:19.657 回答
-1

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

STEP 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>

保存并完成；）

于 2010-04-22T01:31:21.407 回答