How To Add Facebook Comment Box To Blogger Blogs and Domain Blog

在部落格​​/博客如何添加面子书评论框
今天让我们一起来学习怎样放面子书的 comment box 在我们的blogger 里 。
一直以来我认为很困难 。 所以我老是跳过这个难题
今天 , 刚好空闲 , 所以就学习怎样做。
但是,比我想像中的容易很多
让我们一起来学习
面子书的评论可以到您的部落格​​带来更好的交互。这些意见将像一个Facebook Wall.教程将帮助您轻松设置发表您的Blogger博客上发表评论。
特点:
1。螺纹评论
2。评论永久链接
3。可订阅读或取消的意见
4。可以适度在一个地方的评论

缺点:
1。不会同步与您现有的Blogger意见
添加到Blogger的FACEBOOK评论:
1。隐藏现有的注释 - 隐藏从Blogger系统提出的意见是最好的方式开始。要做到这一点,请转到设置“>”的文章和评论,并设置显示评论的选项隐藏,并保存设置

创建一个面子书应用程序 ( Facebook App )显示在您的博客面子书的评论,你应该要有一个面子书应用程序。
1进入这个URL ,点击创建新的应用程序按钮

2输入一些你的应用程序的名称, 然后同意条款,点击“继续”按钮

3如果它发出一个验证码验证,键入验证码,并点击提交按钮

4现在,你将被带到一个设置屏幕
记得复制的 App ID
如果你是用blogger , 在 App Domain 那里写上 :blogspot.com

5在“网站URL”字段下写上您的网站地址的 , 并保存更改

6现在去 Template ,  然后按Edit HTML

7按 Proceed

8首先查找 <head>(使用键盘快捷键Ctrl+ F查找)在 <head> 下面添加应用程序的Meta标签
<meta content='换成你的App ID'   property='fb:app_id'/>

您应该创建的面子书应用程序和上面的 FB:APP_ID 中继标记应该是添加到您的部落格​​。
否则你将无法管理/中度您的意见
添加面子书的评论 - 现在你有面子书的意见表添加到您的博客模板。要做到这一点,转到模板/设计>编辑HTML,然后单击“扩展窗口小部件模板”复选框
9
首先查找 <div class='post-footer-line post-footer-line-3'> , 然后把下面的代码粘贴到 <div class='post-footer-line post-footer-line-3'>下面就行了。
<b:if cond='data:blog.pageType == "item"'>
<div id="fb-root"></div>
<script>(function(d){
var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
js = d.createElement('script'); js.id = id; js.async = true;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
<fb:comments width='550' colorscheme='light' expr:title='data:post.title' expr:href='data:post.url' expr:xid='data:post.id'/>
</b:if>


10
面子书命名空间声明 - 接下来你面子书命名空间添加到您的的模板标签,你的模板应该有您曾经使用FB标签的规范。下面的XML命名空间声明将采取的照顾。要声明的命名空间,找到 <html那么把它改成  <html xmlns:fb=https://www.facebook.com/2008/fbml

保存该模板。此命名空间声明中使用面子书标记所有FBML的部件是必要的。所以,如果你已经添加了命名空间声明中同时加入其他一些FB插件,那么你可以跳过此。
现在您应该看到您的部落格​​上的“注释”框中
如果你不能看到它,那么它可能会因为你已经增加了一些非FBML的Facebook插件。如果是这样的话,然后将其删除,并添加这些部件的FBML的版本。这里提供的所有Facebook插件使用FBML的标记
12
13
管理您的意见
当您在登录到您的Facebook帐户,Facebook的评论插件将检测你是管理员(它会侦测您是否有加的FB:APP_ID或FB:管理员meta标签)。管理设置和温和的意见,您将从那里得到
检查“其他登录供应商”(雅虎,AOL和Hotmail)“选项,保存设置,如果你想非Facebook用户发表评论。
您可以从这个URL管理您的意见

14
示Facebook的评论计数
在后循环使用下面的代码获得评论评论表单链接计数显示。此代码应加在后循环。例如,可以添加在 <data:post.body/> 的下面
<b:if cond='data:post.isFirstPost'>  
<script>(function(d){
var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
js = d.createElement('script'); js.id = id; js.async = true;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
</b:if>
<a expr:href='data:post.url + "#fb-root"'><fb:comments-count expr:href='data:post.url'></fb:comments-count> comments</a>




如果你有什么难题,请来发问 Rolling on the floor laughing

评论

  1. I think this is one of the best blog, thank you so much for sharing with us. Visit Ogen Infosystem creative Website Designing and SEO Services at best price.
    SEO Service in Delhi

    回复删除
  2. Facebook permits organizations the capacity to report a client's activities with the business site and friends to the client's companions. on yahoo

    回复删除

发表评论