如何添加Facebook'；s"；例如；博客的按钮？

我想添加到我的博客网站

我必须将URL传递到

iframe src

中的博客帖子

我可以从

获取博主帖子的URL，但我不能将其放入

src

字符串中，因为博主的模板系统很奇怪

我想这样做：

<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”的值不能包含“步骤1：请将应用于模板

步骤2：查找此行

第三步：把这个放在后面

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

---

保存它，然后完成；）

更改模板时，我也遇到了相同的错误。因此，我使用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>

document.write（'iframe src='http://www.facebook.com/plugins/like.php?href=&；布局=标准和显示面=真实和宽度=450和操作=like&；font=verdana&；colorscheme=light“scrolling=“no”frameborder=“0”allowTransparency=“true”style=“border:none；溢出：隐藏；宽度：450px；高度：80px”/iframe”）；

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

注二：

• Irwan的解决方案应该可以工作（我没有尝试过），但这意味着必须加载FBSDK。对于关注博客性能的人来说，这可能是一个问题

• Maggie的解决方案很好，但它不允许一个人独立地喜欢这些帖子

---

你可以在这里看到它的作用：

我在WikiHow上写了一个使用iframe方法的分步指南：

如果对你不起作用，请告诉我。本质上，您的src需要使用expr:src语法和字符串/数据连接

JavaScript版本据称更加灵活，但仍有许多人在浏览器中禁用JavaScript或使用一些NoScript附加组件。

试试这个

<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'/>

使用本教程添加like按钮-FB已经推出了like按钮的新设计-

Juan Jorge的解决方案应该可行

IMHO在blogger上使用javascript-SDK比使用iframe方法要优雅得多（我在我的博客上尝试了这两种方法）

下面是我在这个主题上发表的几篇文章的链接（包括在属性中使用blogger表达式等等，以及如何使用javascript-sdk将like按钮合并到您的博客模板中）：

---

希望这有帮助…

当从移动设备共享时，它会附加一个参数m=1。如何在没有任何参数的情况下获取url。使用

data:post.url.canonical

而不是

data:post.url

，因此它是没有查询参数的相同url。转到此处，您可以轻松创建自己的like按钮。