iPhone 6 Plus 開箱,相機又再進化了!
PadFone S、M8、S5 怎麼選?你選手機的重點是?
星巴克皮夾動手做,影片教學更好懂
你更新 iOS 8 了嗎?重點功能快速看!

《Facebook教學》如何增加FBML分頁數量及嵌入影片?

2011/03/02 18 網誌社群

在阿湯古老時代曾寫過的facebook粉絲專頁申請教學FBML自訂頁面教學裡,都有許多人發問了很多問題,其實還是很多人對於FBML的相關應用較不了解,特別是新增多頁自訂頁面及嵌入影片都有點小問題,其實相當簡單,這邊順便寫上步驟,給較不了解的朋友做個參考,一解facebook的疑惑,當然有任何相關facebook的問題也都歡迎提出。


就是教不落的粉絲專頁:http://www.facebook.com/teachs

如何增加FBML分頁數量?

在開始看這篇之前,請先閱讀FBML安裝篇,請點我

在粉絲專頁的上方頁籤,除了原先預設的塗原牆、資料等等,很多人都學著開始使用FBML新增頁籤,不過大多數人都卡在不知道怎麼新增多個。

01

我們先進到管理介面→應用程式,找到FBML,點擊「前往應用程式」,也就是進入編輯,和舊版本略有不同。

02

進入後除了可以編輯此頁籤的標題和內容之外,可能你沒注意到左下方還有一個「新增一個FBML框」,沒錯,要增加自訂FBML頁籤就是點他。

03

出現這串訊息表示新增完畢。

04

這時候再回到應用程式裡,就會看到多出一個FBML1,一樣再點擊「前往應用程式」就可以編輯囉

05

相對的,要再增加就是繼續點擊「新增一個FBML框」,就會往下繼續增加。

06

如何在FBML裡嵌入影片?

在FBML裡基本上都是使用HTML語法,當然大部份的語法都會照實呈現,不過大概有人也發現了在嵌入影片時變成隱藏,是因為在Facebook裡,影片的嵌入語法必需使用他們自訂的語法,往下來說明一下:

直接使用下方的語法來嵌入,主要修改的部份是影片網址、影片縮圖網址及寬度跟高度,影片網址就是像Youtube的連結、或是Faecebook影片連結之類都可以,而影片縮圖網址,原先facebook有自訂一個預覽的影片播放按鈕,不過不明原因失效,所以還是得自訂一個縮圖網址,建議可以把圖片直接上傳到facebook再加入即可,剩下的就是高度及寬度的設定囉。

<fb:swf swfbgcolor="FFFFFF" imgstyle="border-width:5px; border-color:white;" swfsrc="影片網址" imgsrc="影片縮圖網址" width='影片寬度' height='影片高度' />

其它更多相關語法可以參考官方文件,有非常詳細的說明,不過是英文的,可能要小研究一番哦

http://developers.facebook.com/docs/reference/fbml/

阿湯 作者:阿湯

對電腦 & 網路資訊充滿興趣與熱情、瘋了似的每日堅持發文,「阿湯」這個名字是由湯姆克魯斯而來的,雖然我沒有他帥氣,也不會演電影,但我會寫文章....

更多關於的文章》

18 個留言

  1. karine 說道:

    阿湯哥~我遇到一個問題....
    https://www.facebook.com/FlyAudioTW/app_7146470109
    在IE可以看到影片,可是在GOOGLE卻看不到。

    語法應該是沒有錯,以下:

    也想請教,如果做得跟https://www.facebook.com/cocacola/app_132920893413852一樣的話,我要如何去寫他呢?

    阿湯說:

    他那個可能是用另外的應用程式做

  2. 艾妮斯 說道:

    你好我試了一下但是無法使用吔!我想要請教就是改中文的部分就好了是嗎?  另外圖片縮圖網址是直拉把放在無名相薄中的圖片中有二個網址  找上面那個縮圖網址直接複製即可嗎?  
    我是按照你的說法這樣做 而圖片是直亡把無名中的網址直接放進去的  可是不成功吔 !

    請問我有那裡錯了嗎? 請賜教 謝謝

     

    阿湯說:

     

    無名的圖片無法外連哦

  3. 鄭咚妹 說道:

    你好,想請問一下~現在我想要新增一個新增一個FBML框
    但是進去編輯之後 左下角沒有出現 新增的字樣耶@@~

    阿湯說:

    FBML再過陣子或許會被整個移掉

  4. star zhan 說道:

    請問怎麼做成像這樣http://www.facebook.com/elle.tw?sk=app_111673305599153這樣一整頁的大圖!

    阿湯說:

    要加入自訂分頁,參考http://steachs.com/archives/2084,只不過怹這個有分頁圖示的是自己寫的app

  5. 幫主 說道:

    請問 FBML嵌入影片的語法還有作用嗎
    我都沒有試成功...

    阿湯說:

    不確定,但應該是還有效的

  6. 粉妮 說道:

    已經依照你的方式貼上Youtube影片位置,也將圖片丟到facebook網站上去,看到的結果是破圖,然後點選後也沒有播放動作。請問My Tab會不會比較好用,同樣可以內嵌影片呢?

    阿湯說:

    我還沒用過My Tab,你可以試 試

  7. Red 說道:

    請教一下大大,分頁頁籤的icon可以換嗎?如何換?我爬了好久的文找沒有,謝謝唷

    阿湯說:

    不知道是另一支FBML還是有FBML的語法可以加~

  8. 歐花 說道:

    請問阿湯哥,
    所以順利嵌入影片的話
    就是影片可直接在FBML上播放嗎?

    阿湯說:

    沒錯

  9. lois 說道:

    您好~
    我按照您的教學方式,
    安裝"FBML分頁十"到我的粉絲專頁,已成功安裝上去了,
    但前往應用程式的地方,卻沒有看到左下方這個「新增一個FBML框」的按鍵耶!
    是不是現在都無法新增了?
    請指導喔!感恩~~

    阿湯說:

    請參考 http://steachs.com/archives/1928

  10. Daniel 說道:

    版主您好,
    想請問一下左邊的FBML圖示可以做更換嗎?
    像是http://www.facebook.com/elle.tw左邊程式的小圖那樣
    謝謝您

    阿湯說:

    請參考 http://www.facebook.com/note.php?note_id=178823744843 ,看加入連結圖片那一個語法

  11. 愛米粒 說道:

    謝謝你~我了解了...^_____^ 那您知道哪裡有免費的空間嗎?我想放一些小朋友的圖畫冊給粉絲團的粉絲下載,謝謝您~

    阿湯說:

    可以用google的picasa傳圖片就好,可以外連

  12. 超人 說道:

    成功了!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
    我好開心:DDDDDDDDDDDDDDD

    阿湯說:

    恭喜

  13. 超人 說道:

    好像有點困難= =
    正在研究....
    英文呀~QQ

    阿湯說:

  14. EMILY 說道:

    我的粉絲專業左邊的部分已經出現FBML了,但如何在FBML裡編輯文章及圖文,讓別人一點進去後就可以看到一整篇完整的文章

    阿湯說:

    全部都要用HTML語法編輯~

  15. 超人 說道:

    如果我想崁入google行事曆
    是要用frame的語法嗎????

    阿湯說:

    不確定能不能直接嵌入~你可以試看看

  16. 米格 說道:

    請問在FB裡可以增加投票的語法嗎?

    阿湯說:

    那應該要直接找應用程式

  17. 哈士奇 說道:

    大大您好唷~~現在我再進去,FBML開啟後「新增一個FBML框」,的這個圖示已經看不到了ㄝ~~不知怎麼了,請問有解決方法嗎???3QQ~~

  18. 愛米粒 說道:

    阿湯哥~請問一下,FB粉絲上是否可以放PDF檔??可以教教我嗎??感謝~~

    阿湯說:

    如果要放給別人下載,就要另外上傳別的空間再給載點,沒辦法直接上傳哦

發表留言 »

姓名(*)
信箱(*)
網站(選填)

留言前請輸入「YA」

sitebro