先前我們在網路集客力: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的頁面。將「展開小裝置範本」勾選起來後,用搜尋功能找到
這段程式碼,之後在其下先貼上原本取得Facebook Comments的code,通常他們長這樣:
然後請將"YOR APP ID"換成你幫Blogger申請為APP的App ID,並將 href="" 替換為:expr:href='data:post.url'。最後按下儲存範本,就完成了Facebook Comments在上的安裝。是不是很簡單啊。那目前來說我是將Blogger跟Facebook的留言系統是保持並存的狀態,如果你只想要留Facebook Comments系統,你可以到「設定」->「留言」中,把Blogger的留言系統給隱藏起來就可以了。
如何,簡單吧?如果你也在Blogger上安裝完畢了,歡迎在本篇留言讓大家知道吧!
首先我們還是先到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&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上安裝完畢了,歡迎在本篇留言讓大家知道吧!
但是要是有人留言沒發佈到FACEBOOK我不就要一頁一頁去看有沒有人留言@@
回覆刪除有相同疑問,請問版主知道該怎麼解決嗎?
刪除作者已經移除這則留言。
回覆刪除初步看起來成功了,謝謝
回覆刪除真神人啊....
回覆刪除請問,新版的Blogger後台如何找到「展開小裝置範本」~我找了半天,不得其門而入!哭哭~
回覆刪除最新版,也就是版主線在使用的這個範本
回覆刪除要怎麼開啟html啊
我看得到按鈕卻點不下去啊