如何在标题下方的 Blogger 中添加 facebook like 按钮答案

【问题标题】：How to add a facebook like button to Blogger below header如何在标题下方的 Blogger 中添加 facebook like 按钮
【发布时间】：2013-12-30 04:36:39
【问题描述】：

案例1：我使用这个代码：（来自http://blogzonebd.com/add-facebook-like-button-below-post-titles-in-blogspot-how-to/）

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

当我点击“赞”时，会出现一个确认按钮，当我在出现的新弹出窗口中点击赞时，我会被重定向到https://www.facebook.com/plugins/error/like/confirm

案例 2。我使用来自 facebook 开发人员的 iframe：

<iframe src="//www.facebook.com/plugins/like.php?href=data:post.url&amp;send=false&amp;layout=standard&amp;width=450&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;font&amp;height=80&amp;appId=324750880918583"
    scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px;
    height:80px;" allowTransparency="true"></iframe>

href下使用的data:post.url给我的不是博客的url，而是字符串本身。

案例3，我从案例2的链接中尝试了XFBML版本，部分代码为：

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1&appId=324750880918583";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

这是博主在我尝试保存模板时显示的错误。

Error parsing XML, line 1201, column 68: The reference to entity "appId" must end with the ';' delimiter.

请问，谁能给我一个解决方案？

【问题讨论】：

标签： facebook blogger

【解决方案1】：

只需转到this 网站并点击编码

1.在“输入”中输入代码

2.点击编码

3.使用新代码

【讨论】：

【解决方案2】：

使用 iframe 方法并像这样添加您的代码：

<iframe allowTransparency='true' expr:src='&quot;//www.facebook.com/plugins/like.php?href=&quot;
  + data:post.sharePostUrl +
  &quot;&amp;layout=button_count&amp;action=like&amp;show_faces=true&amp;share=true&amp;
  height=21&quot;' frameborder='0' scrolling='no'/>

请注意 expr:src 应该全部在一行中，尽管上面是多行以便于阅读。 expr:src 中的想法是，当您想要添加博客特定变量时，您想要的每个文本都必须包含在 " 中，只需将 + 连接起来。

所以，上面我想要在博客变量之前的 facebook url，所以我只是定义了一个 expr:src，所以博客知道它必须处理标签 src，然后我写了 '"text text text" + data:variable_of_the_blog + "textmoretext" '。

稍微练习一下就很简单了。

如果它解决了您的问题，请告诉我。

【讨论】：