Blogger安裝Facebook臉書LikeBox粉絲團讚按鈕

推廣網站其中1個有效的方式，就是結合社群網站的功能，而Facebook臉書粉絲團，可以在專頁上進行討論分享，讓你很方便地與網友進行互動，透過這個社群功能，來使你的網站增加曝光率，凝聚更多的人氣。

不過前提是，你要有個Facebook臉書粉絲團，才會有個專屬的網址。

Mix將在首頁尾端安裝Facebook臉書LikeBox粉絲團讚按鈕，安裝步驟可以分4個部分：

1. 安裝UserID，可以參考：Blogger安裝Facebook臉書UserID，這篇文章。
2. 安裝AppID，可以參考：Blogger安裝Facebook臉書AppID，這篇文章。
3. 安裝SDK，可以參考：Blogger安裝Facebook臉書JavaScript SDK，這篇文章。
4. 安裝LikeBox粉絲團讚按鈕。

如果你之前曾經安裝過Social Plugins社群外掛元件，也已順利安裝了UserID，AppID，與JavaScript SDK，就略過第1,2,3步驟，直接跳到第4部份，進行安裝LikeBox粉絲團讚按鈕。



此為第4部份安裝LikeBox粉絲團讚按鈕，Mix將到官網設定屬性，產生相關代碼，再把代碼放入到Blogger版面配置的小工具中。

網站名稱：Facebook臉書Social Plugins社群外掛元件

網站地址：https://developers.facebook.com/docs/plugins

1. 按下Social Plugns。
2. 按下Like Box。
3. 填寫粉絲團網址。
4. 按下Get Code。
5. 選擇你申請好的App。
6. 產生出來的代碼。

這個是固定網址的代碼，把xxx取代成你的Facebook臉書粉絲團網址。

<div class="fb-like-box" data-href="xxx" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="true"></div>

複製代碼後，Mix利用新增小工具，要把LikeBox粉絲團讚按鈕代碼加入到Blogger版面上。

1. 版面配置。
2. 新增小工具。
3. 選擇HTML/JavaScript的小工具，按下加入。
4. 內容，貼上剛剛複製的代碼。
5. 儲存。

完成之後，Mix測試看看LikeBox粉絲團讚按鈕的效果如何，在按下讚按鈕之後，同時也能在粉絲團中看到讚被加1。