Facebook 粉絲框 2015 全新改版，來幫部落格放一下和更新吧！

發表時間： 2015-03-26

Facebook時常改版，身為網站經營者的你也不能錯過Facebook粉絲團的外掛工具「Facebook Box 粉絲框」，現在這個粉絲框居然要改版了，行之多年的就版Facebook粉絲框，從最早期的iframe語法、FBML語法到HTML5語法，現在要全面汰舊換新，改成全HTML5語法並搭配新版樣式，新版樣式更增添了Facebook Cover封面圖，讓你整個小工具顯得更有質感。

新版的語法一旦全面強迫更新，對於許多喜歡在內文塞粉絲團的用戶應該是一個莫大的打擊，因為得一篇篇去將語法拿掉，否則那些FB粉絲框是全數失效無法顯示。不過Facebook粉絲框早期用iframe好處是比較不影響網頁載入，現在全數改為Javascript+HTML5，可能未來常常會有延遲載入的狀況，因為Facebook常常會等全站資源載入完畢後才顯示出他的外掛工具。

很久很久以前香腸寫過「如何在部落格放Facebook粉絲框？」，其實新版的放置方法也差不多，有別於iframe語法變成兩段語法(如果你早就用過HTML5版本，你就不陌生)，如果懶人可以把語法通通塞在同一個地方，如果你是比較嚴謹的朋友，則可以將另一段語法放到網頁最底端。如果你是使用BSP部落格的朋友，像是痞客邦、天空、Xuite，可能就比較無法彈性的分段放置，建議是通通塞入側邊欄。

下午看到有新版，立刻替工作室的網站「阿腸網頁設計工作室」改版並換上新版粉絲框，感覺整個很有質感的FU，還沒換新版的Facebook粉絲框語法嗎？趕快來行動囉！

文章目錄

舊版官方停止服務訊息
幫部落格換上新版Facebook粉絲團框框

舊版官方停止服務訊息

根據Facebook官方消息來源，原先舊版的Like Box的臉書粉絲框工具將於2015年6月23日停止使用。所以使用者必須手動更新此外掛，將語法提早更新為新版本，否則到期後可能就無法使用了。

這是舊版的粉絲框樣式，即將於2015年6月23日被新版取代掉囉！

幫部落格換上新版Facebook粉絲團框框

網站名稱：Facebook Page Plugin

網站網址：按這裡

第1步 首先來到新版Facebook Page Plugin，輸入粉絲團的網址並設定高寬，即可點選﹝Get Code﹞產生語法。

Facebook Page URL：粉絲團網址
Width：寬度
Height：高度
Hide Cover Photo：隱藏粉絲團封面圖
Show Friends’s Face：顯示粉絲頭像
Show Page Posts：顯示粉絲團最新貼文

第2步 接著選擇「APP ID」與「Language」，然後下方會有兩段語法。

APP ID：選擇FB的APP ID，如果尚未建立請參考FB APP ID建立教學。
Language：語言，選擇【Traditional Chinese(Taiwan)】。

第3步 以WordPress用戶來說，建議把上面「程式碼1」的語法貼到版型裡面的「footer.php」檔案中，約莫在「</body>」標籤之前的位置。

第4步 接著來到你放粉絲框語法的位置，替換掉舊版語法。例如我們放在側邊欄，那可以直接新增「文字小工具」，然後貼上上方的「程式碼2」語法並點選﹝儲存﹞。

第5步 回到網頁前端看，是不是就換成新版了呢？

第6步 如果其他非WordPress的網站，其時可以將「程式碼1」和「程式碼2」一起貼到要顯示的位置，也可以正常呈現，放上新版的Facebook粉絲框，是不是蠻酷的呢？(以下是阿腸網頁設計工作室官網)