維特數位生活

讓社群展示的機會越多，觸及到的觀眾就越大，在部落格或痞客邦中放入FB粉絲專頁連結或縮圖，也是SEO技巧之一喔。連接導向，用流量來創造流量。今天就來教教大家如何簡單且快速的讓部落格/痞客邦側欄添加FB粉絲專頁連結喔。

先來跟大家介紹不同的樣式
第一種簡易型(僅顯示名稱、按讚及導向)

第二種貼文展示(下滑顯示更多貼文動態)

第三種全面展示(顯示動態、活動資訊、訊息)

雖然看著非常的複雜且全面，但其實非常簡單就能夠架設，不論你是使用JAVA進行編輯的部落格，又或是使用痞客邦都能非常輕鬆的將粉絲專頁外掛在你的主頁及文章中，事不宜遲跟著步驟一步步完成吧

第一步 複製你的粉絲專頁連結
※一定要登入進粉絲團複製才有用，不能使用訪客或粉絲模式

第二步 至meta的社交外掛程式(自行搜尋或點選此連結)
https://developers.facebook.com/docs/plugins/page-plugin?locale=zh_TW

第三步 將粉絲專頁連結貼上，即可看到預覽

第四步 選擇你想展示的頁籤 預設為timeline
※空白為簡易型，timeline(動態)events(活動)messages(訊息)可以自行選擇搭配，排列順序也會有不同排序

第五步 確認預覽狀態後，點選取得程式碼並複製
※根據你的網站編成語言選擇，痞客邦的用戶選擇IFrame

第六步 至痞客邦後台選擇側欄管理並找到右方新增版位

第七步 輸入標題及將複製的程式碼貼上

第八步 將製作好的版面拖移置你想擺放的位置

如果你是想放在文章頁尾部分的話，在文章原始碼區域貼在最後面就可以囉

這樣就完成囉 回到你部落格的主頁看看吧，是不是算蠻容易的呢?不用需要會一堆複雜程式也能夠輕鬆將粉絲專頁穿插在部落格中，維特學習筆記主要作為維特上網爬文了解，以及逐步試錯練習成果展示，維特參考的文章連結也都會放置在文章最末端，大家也要多多去支持原作者。也歡迎各位先進，如果有更好的方式或是你覺得如何更好，都請不要吝嗇多多指教。

打造屬於自己的痞客邦 - 維特學習筆記 - 目前瀏覽 Ep.2

1. 學習筆記前文 - Ep.0
2. 痞客邦 HTML 和 CSS 完全指南 - Ep.1

3. 在側欄、文章中插入FB粉絲團 - Ep.2

4. 頁尾樣式修改 - Ep.3
5. 移除文章底部熱搜、猜你喜歡小廣告 – Ep.4
6. 移除、修改閒置廣告樣式 – Ep.5
7. 簡易快速更換文章間分隔線 – Ep.6