為 Blogger 安裝 Facebook Comments 留言系統
昨天幫「哲生博客」安裝了 Facebook Comments 留言系統,位置安排在每一篇文章結束之後,只要登入 FB 帳號就可以留言了,還可以順便推文到自己的臉書牆上,透過分享來增進互動,真的挺不錯的!
下面就跟各位簡述在 Blogger 裡安裝 FB 留言系統的步驟:
成功安裝之後的FB留言板模樣就像這樣:
另外,你也可以利用 FB 的 Comment Moderation Tool 來管理所有的留言。
歡迎各位踴躍留言喲!
下面就跟各位簡述在 Blogger 裡安裝 FB 留言系統的步驟:
- 申請FB應用程式,以取得要安裝留言系統所需的FB應用程式ID。
- 到 Blogger 後台去編輯 HTML(在「範本」裡面,記得要「展開小裝置範本」唷!)
- 在 <html> 裡面加上 xmlns:fb='http://www.facebook.com/2008/fbml' 如下所示:
<html xmlns:fb='http://www.facebook.com/2008/fbml'>
- 在 <head> 下面加上這一行:
<meta content='你的FB應用程式ID' property='fb:app_id'/>
- 在 <body> 下面加上這一行:
<div id='fb-root'/><script src='http://connect.facebook.net/zh_TW/all.js#appId=你的FB應用程式ID&xfbml=1'/>
- 最後,在 <data:post.body/> 之後加上下面這一行就大功告成了!
<fb:comments expr:href='data:post.url' num_posts='5' width='600'/>
num_posts='5' 代表預設最多顯示5則留言(若有更多留言則需再按下頁面上的連結才會顯示),引號裡面的數字可以自行修改。
width='600' 代表留言欄位的寬度,引號裡面的數字可以自行修改。
- 若想變更留言欄位樣式,可以到這裡取得 code 來做為修改的參考。
成功安裝之後的FB留言板模樣就像這樣:
另外,你也可以利用 FB 的 Comment Moderation Tool 來管理所有的留言。
歡迎各位踴躍留言喲!
留言