推薦您全新的瀏覽模式,簡潔、快速,共有七種模式可供選擇。馬上體驗!

歡迎加入張哲生的臉書粉絲專頁,掌握《哲生博客》的最新動態。

2011年12月2日

為 Blogger 安裝 Facebook Comments 留言系統

昨天幫「哲生博客」安裝了 Facebook Comments 留言系統,位置安排在每一篇文章結束之後,只要登入 FB 帳號就可以留言了,還可以順便推文到自己的臉書牆上,透過分享來增進互動,真的挺不錯的!


下面就跟各位簡述在 Blogger 裡安裝 FB 留言系統的步驟:
  1. 申請FB應用程式,以取得要安裝留言系統所需的FB應用程式ID

  2. 到 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&amp;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 來管理所有的留言。

歡迎各位踴躍留言喲!
分享本文:

0 意見:

Related Posts Plugin for WordPress, Blogger...