在Blogger安裝Facebook Comments(Facebook 留言)

先前我們在網路集客力:Inbound Marketing中介紹了利用Facebook Comments for WordPress 這個外掛幫WordPress 安裝Facebook Comments。那自由度超高的Blogger是不是也可以安裝Facebook Comments呢?當然這是一定要的,事實上,在Blogger中安裝Facebook Comments比你想要中來的更簡單。不過在開始安裝之前,請記得先幫你的Blogger 申請為Facebook App唷。(請見Facebook教學|把Facebook加到你的網站



首先我們還是先到Socail Plugins中的Comments取得Facebook Comments的code。不過在填寫的時候,請把"URL to comment on"這一欄留空。



取得code的之後,我們來到Blogger的後台,進到修改HTML的頁面。將「展開小裝置範本」勾選起來後,用搜尋功能找到

<b:includable id='comments' var='post'>
這段程式碼,之後在其下先貼上原本取得Facebook Comments的code,通常他們長這樣:

<div id="fb-root"></div><script src="http://connect.facebook.net/zh_TW/all.js#appId=YOUR APP ID&amp;xfbml=1"></script><fb:comments href="" num_posts="2" width="500"></fb:comments>
然後請將"YOR APP ID"換成你幫Blogger申請為APP的App ID,並將 href="" 替換為:expr:href='data:post.url'。最後按下儲存範本,就完成了Facebook Comments在上的安裝。是不是很簡單啊。那目前來說我是將Blogger跟Facebook的留言系統是保持並存的狀態,如果你只想要留Facebook Comments系統,你可以到「設定」->「留言」中,把Blogger的留言系統給隱藏起來就可以了。

 如何,簡單吧?如果你也在Blogger上安裝完畢了,歡迎在本篇留言讓大家知道吧!

留言

  1. 但是要是有人留言沒發佈到FACEBOOK我不就要一頁一頁去看有沒有人留言@@

    回覆刪除
    回覆
    1. 有相同疑問,請問版主知道該怎麼解決嗎?

      刪除
  2. 作者已經移除這則留言。

    回覆刪除
  3. 請問,新版的Blogger後台如何找到「展開小裝置範本」~我找了半天,不得其門而入!哭哭~

    回覆刪除
  4. 最新版,也就是版主線在使用的這個範本
    要怎麼開啟html啊
    我看得到按鈕卻點不下去啊

    回覆刪除

張貼留言

這個網誌中的熱門文章

正確連結建立策略釋疑:到底怎樣的「付費連結」是Google不喜歡的呢

如何寫出一篇具有SEO效果的開箱文 (二)內文的撰寫

PageRank不重要!