【資訊】如何在天空部落嵌入FB粉絲團

沒錯,今天由紀子要來教大家的就是怎麼樣在部落格裡面嵌入自己的FB粉絲團啦!

想想FB也紅了幾年了,不過對由紀子來說最大的愛還是在部落格

因為只有部落格可以清清楚楚的找到自己想找的文章,而不用一直把滑鼠往下滾,對吧?

好啦,回歸正題,跟著由紀子一起學習吧!

很簡單滴~


大家只要先點一下下面的網址:
https://developers.facebook.com/docs/reference/plugins/like-box/

595a3a38796499f2b9078e32e75e343d

其實大家只要注意1&2就可以了,因為由紀子已經先幫大家點好畫面了

那1的地方要輸入什麼呢?

5c64503b824dcc0ebafd01af6d7bbc02

沒錯,就是進到妳的粉絲頁,然後複製好網址,貼在1的位置

現在大家在點2之前有沒有發現原本預覽的FB畫面已經變成你們的粉絲畫面了呀?

在這裡由紀子又來個小提醒囉

260faa97b8f589b1ea50c354678d6807

大家有注意到右上角的Width嗎?沒錯,它就是可以幫助大家控制自己FB粉絲團的胖胖瘦瘦唷!

基本設定是292,大家套用回自己的部落格之後可以發現適不適合這個尺寸

不適合的話再回來修正都可以

由紀子就先示範202好了~不過對由紀子來說202好像窄了點y13

沒關係,大家之後都可以慢慢調整

133e450c38038e4aabc48d15021b0f79

除此之外還有什麼呢?就是我們的Color啦!

按下右邊的箭頭之後有兩種顏色可以選擇

一是白底黑字,二是黑底白字

那就端看客官們,你們的版型顏色囉!

好~都設定好了沒?

現在我們來點Get Code了囉!

點完Get Code之後就會跑出下列這樣的框框,不用害怕

d48ce06061d3640716c1a483d301a8d6

點完之後大家看一下部落格支援的語法是哪一個

有HTML5、XFBML、IFRAME、URL等等,大家就把中間那段複製進去放就好囉

那天空部落的話由紀子是放下面那段圈起來的地方

因為上面的語法放了都不會跑出東西

那怎麼放呢?

f681d811385c4a6eca2bb74de30a3834

首先進入管理畫面,選擇上方的自訂欄位,接著選右方的自訂欄位按下新增

這時候中間底下就會跑出自由欄位,在按下設定

2a591e119c3113bc630e2fd7cb659af2

設定的畫面長這樣

欄位標題可以自己改,就像由紀子改成了:♥由紀子的粉絲團♥

本文的地方就是剛才由紀子複製起來的那段紅框框

記得,自動換行選「否」唷!

48de325b0ca5f41961b9faf4aebcd8dd

最後就大功告成啦~

由紀子最後還是選胖胖的粉絲團

因為瘦瘦的太擠了啦~字都花在一起了~

那大家也趕快動手做一個吧y11