Facebook 如何在部落格中掛上FB粉絲專頁
想要在自己的部落格或網站中掛上自己Facebook粉絲專頁的資訊嗎？
除了提供點讚的介面，也可以讓訪客隨時知道你在FB發表了什麼。（像下圖那般）
現在的微部落格（像噗浪、推特、臉書）正盛行，部落格反倒是沒那麼流行了。
這些微部落格的特色就是訊息即時，影響範圍廣；所以很多部落客都會在部落格掛上自己的噗浪資訊，好讓讀者可以從噗浪連過來部落格，也可以從部落格中去得知站長正在發佈些什麼消息。
那要如何掛上FB的粉絲專頁呢？
1. 先到你Facebook的粉絲專頁把連結網址複製下來
2. 到Social plugins的Like Box網頁：http://developers.facebook.com/docs/reference/plugins/like-box
先輸入粉絲專頁的網址，然後設定各項資料。
之後點Get Code。
會得到兩種程式碼，看你部落格支援哪一種。
接下來要到部落格中去掛上這外掛，據我所知，目前雅虎部落格什麼都不能掛；痞客邦則是幾乎都可以（站長工具、噗浪、粉絲專頁等），至於其他的部落格，印象中yam 天空、無名VIP、Google的blogger都可以掛，不過有段時間沒用這些部落格了。
以痞客邦來說。
部落格管理→側邊欄位設定→新增版位
把剛才複製下來的程式碼貼上，點送出即可。
接下來，你就可以在部落格的自訂欄位中看到你粉絲頁的資料了。
改版資訊
相同功能可改用「Page Plugin」插件：
https://developers.facebook.com/docs/plugins/page-plugin
2015.4.21
延伸閱讀
更多Facebook的使用技巧與介紹：Facebook 臉書【目錄】
Advertisements
 |
作者：闕小豪
近期公告：部落格剛完成架站，版面還有許多需要調整之處，若有發現任何錯誤也歡迎告知。 |
Advertisements
需要用VPn才可以登录，如果在大陆
http://www.yesvpn.com
df df您好，我不是很清楚大陸的狀況說。:P
大大要不要考慮掛 live stream box,
讓大家可以即時討論 http://developers.facebook.com/docs/reference/plugins/live-stream
痞客邦好像不支援XFBML，而且live stream box是不是只能支援應用程式類的？
所以無名的部落格只有VIP才能使用這項功能嗎??煩請大大幫忙解答了~感恩!!
無名部落格我沒有升級過VIP，所以不確定喔。
臉書被鎖..下一個呢..人民的嘴也要鎖? http://beta.im.tv/article.aspx?cid=50&id=29339
封鎖人民的嘴這是國家制度的問題，不給人民言論自由的國家皆會如此。
請問大大我的部落格怎麼貼上去後沒反應@_@?
http://tony28898.pixnet.net/blog/category/0
有啊，我去你部落格看是成功的呀。：）
您好!我剛設定粉絲團於側欄位之後成功了!
文章很受用謝謝
有幾個問題想請教:
1.另外請問我有看到其它格友的粉絲連結按鈕框框
樣式是小長方型然後頭像也比我設定的大很多
我反覆試了幾次都不行哩!我的頭相超小的….
2.該如何於發表的文章裡放置粉絲連結按鈕框? 謝謝
1, => 這個是要在FB產生連結那邊去設定的，4.5個選項可以更動搭配。
2, => 妳是說每一篇文章都要有粉絲頁的按鈕嗎？：）
1,我有在FB連結練那反覆更改並試了幾次,看看粉絲團連結紐該如何才會變成我想要的樣子,不過變來變去都變不了,我形容一下喔!是長方型框,然後框內從上到下有部落格名字,再來是頭相也是長方型相片,然後相片下方顯示目前有幾位粉絲……
2 對呀!每一篇文章尾端都想要有粉絲頁的連結按鈕
1, 可以的話，拍張圖給我看你想要怎樣的版面，還有你現在的版面。
2, 也是拍張圖給我看。
用文字有點不太清楚妳想要哪種版本。：）
設定後怎麼沒看見?
禮貌.
感謝!
請問我想加寬側邊攔css原始碼編輯應該改哪裡
這個你要去查一下PIXNET的教學，之前曾經有看過。：）
請問一下
我有貼了但為什麼沒看見@@?
http://loveyoseob45.pixnet.net/blog
感謝分享唷^^一學就會了
不用客氣 & 恭喜。：）
您可以照著文章介紹中的步驟來做喔。：）
感謝您的教學文~成功放好了!!:P
不用客氣。：）
寫得好清楚，一下子就搞定我的粉絲欄位了！！
感謝你^^
不好意思我試了很多次但是就是出不來耶！我只有標題有出來但是粉絲頁就是跑不出來＠＠ 你的方法我在別的網頁試過都可以！但在痞克邦就是不行！是要成為ＶＩＰ才行嗎？
跟VIP無關也。=_=a
太讚了!!!!!!我也成功了
請問一下有一種側邊會跑出臉書按鈕那個怎麼弄咧???
恭喜。你說的是按讚的按鈕嗎？這裡也有教學喔。：）
http://simour.pixnet.net/blog/post/29245819
不是ㄟ
是像這個側邊跑出臉書的這個
教教我吧!!!!(拜)
疑？這篇文章教得就是外掛FB粉絲頁呀。
真是不好意思一直留言吵你
我指的是那個貓咪會跑出來的那個
還是是我一直會錯意了?(驚訝)
你這篇文章教的我已經有成功了!!!真的很讚!
您可以看這篇，
http://meat76.pixnet.net/blog/post/91747086
或搜尋
痞客 右側 facebook
請問若再google的部落格
到了部落格的後台要從哪裡貼上?
才能在部落格前面看到臉書的連結外掛?
我沒有研究過Blogger，您可以自行先了解一下。：）
請問一下
就如同你部落格右邊欄位中上–闕小豪 Facebook 讚的方式一樣
該如何用?
感恩
這篇文章不就是介紹這個嗎？=_=a
就是試到了複製程式碼
到google部落格的新增小工具HTML/JavaScript
貼上後都無法出現
不知哪裡出現問題><
有出現什麼錯誤訊息嗎？=_=a
我也有照貼~可是都沒顯示出來耶~!不知哪邊出問題
你好~請問為什麼我一定要點進去某篇文章旁邊才會出現呢???
回到部落格的文章首頁就是空的~??
有可能是首頁掛了太多插件之類的。
看了一下您的部落格，感覺是語法上有寫錯喔。
剛好想試試部落格外掛FB粉絲頁
但手機與平板我看粉絲專頁的連結網址@@"
晚上再來用桌電試試
謝謝分享^^
沒問題，快去試吧。：）
簡單易懂的講解，我已經設定成功了謝謝！^^
但再請教一下，我在痞客邦＂同步發送更新通知＂的地方，有沒有辦法可以直接連結到粉絲團？
這部份我沒試過，之後若有心得再發文介紹。：）
你好~我照著你的方法試了好幾次,可是都沒有成功,粉絲頁的欄位都是空白的,請問這是為什麼呢??
http://summerdesigner.pixnet.net/blog
我看你的部落格有呀？你單純是來廣告的？
很抱歉,因為我自己設定完去看是空白的沒看到內容,所以不知道自己設定有沒有成功,才會貼上網址請板主看看,並不是來廣告的