在Blogger中加入Facebook社群外掛 PART 1:Like Box(把臉書粉絲團放到部落格中)

2011年到了，從一年多前寫的在Blogger文章加上Facebook留言功能跟在 Blogger文章加上Facebook留言功能-Part 2這一年來臉書的發展真是如野火燎原一發不可收拾，哪兩篇裡的內容也有些不符現況了，最近趁著改BLOG版面的機會，重新調了一下方式，今天先來分享一下在頁面加上粉絲團外掛的方式，下回有時間再來談一下在文章裡加上跟臉書留言版的功能。

加粉絲團外掛超級簡單，先連到http://developers.facebook.com/docs/plugins

然後點選"Like Box"。

1.將粉絲團網址填入。
2.設定要顯示的寬度(Width),選顏色(Color Scheme),勾選要不要顯示大頭貼(Show Faces)...等。
3.按下Get Code取得程式碼。

然後複製程式碼備用，兩種都可以，我的頁面是貼的XFBML的，iframe也能用。
接著到BLOGGER管理介面-設計分頁，新增一個HTML/JavaScript區塊，然後把剛剛的程式碼貼上去就大功告成了。

附錄:

<script src="http://connect.facebook.net/en_US/all.js#xfbml=1">
<fb:like-box header="true" href="http://www.facebook.com/htc.magic.diy"
width="215" show_faces="true" stream="true">
</fb:like-box>

只要把en_US改為zh_TW就會變為中文了~~~