作者ronbaw ()
看板Blog
标题[Blogger]FB comment box 留言被覆盖
时间Thu Nov 29 15:18:38 2012
小弟是blogger的新手，
刚刚参考了这个网页的方式想要设置FB留言版在文章後，blogger留言板之前
参考网页:
http://ppt.cc/zRfd
後来按照这个顺序嵌入语法之後，会变成如果我用blogger内建的留言板留言时
FB的留言就被覆盖了。
刚刚爬文有看到网友有提到可能是被某些语法夹住了，不过，小弟不清楚该放
在哪个位置才能解决这问题，刚刚试了很多次也没有成功，因此上来求教。
在此附上Xml档请各位大大赐教，谢谢!
dropbox:
http://ppt.cc/OWhk
--------------------------------------已解决，附方法----------------
首先是参考网页
http://ktnet.blogspot.tw/2012/07/blogger-facebook-2012.html
里面第12个步骤之後我有小小的变动，才能完全解决FB留言会被Blogger留言覆盖的问题
1. 到 Facebook 开发人员网页 建立一个新的应用程式
2. 在应用程式名称填入部落格的完整名称，并且在名称空间填写缩写
3. 输入建立应用程式的认证码，并且继续
4. 复制 Facebook 应用程式的 App ID
5. 登入 Blogger > 部落格首页 > 设计 > 网志即时状态 > 修改 HTML > 继续 > 展开小
装置范本
6. 利用 Control + F (Windows) / Command +F (Mac) 寻找 <html
7. 复制以下文字，取代 <html 五个字元
<html xmlns:fb='
http://www.facebook.com/2008/fbml'
8. 利用 Control + F (Windows) / Command +F (Mac) 寻找 <body>，整行大概长这样：
<body expr:class='"loading" + data:blog.mobileClass'>
(这段我是直接找<body>的位置贴上，因为我找不到一样的程式码)
9. 复制以下文字，贴在 <body... 这行文字的下面：
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : '自己的 App ID 号码',
status : true, // check login status
cookie : true, // enable cookies to allow the server to
access the session
xfbml : true // parse XFBML
});
};
(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect
.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').
appendChild(e);
}());
</script>
＊ 将贴上的这段文字中，黄色标注的部份，替换成第四步骤中所得到的 App ID：
10. 利用 Control + F (Windows) / Command +F (Mac) 寻找 </head>
11. 复制以下文字，贴在 </head> 这行文字的下面：
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<meta content='部落格名称' property='og:site_name'/>
<meta content='部落格 LOGO 图片连结' property='og:image'/>
<meta content='自己的 App ID 号码' property='fb:app_id'/>
<meta content='
http://www.facebook.com/ktnetblog' property='fb:admins'/>
<meta content='article' property='og:type'/>
* 替换 部落格名称 成自己的部落格名称
* 替换 部落格 LOGO 图片连结 成自己部落格 LOGO 图片的连结网址
* 替换 自己的 App ID 号码 成自己的 App ID 号码
* 替换
http://www.facebook.com/ktnetblog 成自己的粉丝专页网址
12. 利用 Control + F (Windows) / Command +F (Mac) 寻找以下这行文字：
<b:includable id='comment-form' var='post'>
(这个步骤很重要，会影响留言是否会被覆盖，我最後参考了几个网页，
在这段程式码下面贴第13个步骤的才有效<div class='post-footer'>
13. 复制以下文字，贴在上述找到那行文字的下面：
<b:if cond='data:blog.pageType == "item"'> <div style='padding:0px
0px 0px 0px; margin:0px 0px 0px 0px;'><script
src='
http://connect.facebook.net/zh_TW/all.js#xfbml=1'/> <div> <fb:comments
colorscheme='light' expr:href='data:post.url' expr:title='data:post.title'
expr:xid='data:post.id' width='500' num_posts='5'/></div></div> </b:if>
* 可以选择将 light 改成或 dark，让留言板变成黑色系
* 改变数字 500 决定留言板的框架px宽度
* 改变字数 5 可决定显示的留言的数量
14. 预览确定没有问题後，按下储存范本，完成！
希望对有同样状况的朋友有帮助，当然也可以直接在设定里关掉Blogger的留言系统
这样一样不会有问题，但变成只有用FB连线时才可以留言。
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 111.251.148.115
※ 编辑: ronbaw 来自: 111.251.148.115 (11/29 22:21)