close

放置fb側攔粉絲專頁.jpg

Fefe自己看到很多很漂亮的部落格旁邊都會有Facebook粉絲團、或是浮動頁籤也想讓自己Wego維格遊學有一樣的效果

開始上網爬文整理資料,今天就整理出不用看很多程式碼就能讓痞客邦上面加入❶FB在側欄、以及❷FB浮動頁籤的辦法

自己雖然以前主修資訊工程系所,但對於程式碼還是不太行~"~

首先先來教學增加FB粉絲專頁在側攔的辦法

 

如何在痞客邦pixnet、部落格側攔FB 粉絲團專頁

首先先開啟以下網站、為facebook官方外掛功能網站

粉絲專頁外掛程式 https://developers.facebook.com/docs/plugins/page-plugin

Step.1 進入網頁以後輸入自己的fb專頁網址如下

FACEBOO粉絲頁外掛安裝.jpg

  • Facebook Page URL: 你的粉絲團網址
  • Hide Cover Photo:是否隱藏粉絲團封面照片。
  • Show Friend's face:是否顯示有按讚的朋友。 
  • Show Page Posts是否顯示最新貼文。

Step.2 會出現頁面會顯示的樣式 ,再來要設定寬度、高度(要符合自己個部落格版型 才不會超出文字範圍)

FACEBOO粉絲頁外掛安裝設定高寬.jpg

Step.3 點選取得代碼、複製其中一段 痞客邦複製第一段 wordpress 請複製第二段)

FACEBOO粉絲頁外掛安裝取得代碼.jpg

Step.4 回到痞客邦的管理後台 ->側攔管理->尋找右上角的新增板位

FACEBOO粉絲頁外掛安裝測攔管理.jpg

FACEBOO粉絲頁外掛安裝新增版為.jpg

Step.5 設定標題名稱->複製程式代碼進去(Ctrl+c  , Ctrl +v)

 

FACEBOO粉絲頁外掛輸入程式碼.jpg

最後就完成啦~你的部落格就會在側攔有出現粉絲專頁

放置fb側攔粉絲專頁.jpg

第二個教學FB浮動頁籤

 

arrow
arrow
    創作者介紹
    創作者 tw20020 的頭像
    tw20020

    【菲力克斯Felix】創業投資、自我成長

    tw20020 發表在 痞客邦 留言(7) 人氣()