2009年11月10日 星期二

用FBML工具來製作你的Facebook粉絲歡迎頁面---安裝篇


2010.9.5更新,
Facebook以後將不會再支援FBML,而以IFRAME來支援,相關可以參考這篇
Facebook Markup Language (FBML)

FBML(Facebook Markup Language),直譯就是幫你的臉書化妝的語言,什麼意思呢?就是讓你的Facebook的頁面看起來更美、更吸引人的工具,不再素顏見人吧,幫自己的粉絲專頁設計一個宣傳歡迎頁面(Welcome Page),我覺得很實用,如果你也想擁有一個,跟著綸太郎慢慢實作吧。

當然還是從基礎談起,因為我也是完全不會這東西,不過是靠著憋腳的英文和對html及css一些的基礎知識來學習,因為中文教學對我而言都太難,什麼Script、Jquery、PHP、Client……那些我真的莫宰影,所以如果文章裡有錯誤,大家就一起錯下去吧(誤),留言更正吧。

FBMLFacebook工具頁面(Facebook Application )的一個工具,這裡有著許多你可以加到Facebook的工具或是外掛,當然這有安全性的顧慮,因為有的要存取你的FB個人資料,所以建議儘量選擇星星比較多(利用率高)的工具來使用。

FBML,目前每個月有900多萬人在使用,應該是很受歡迎的工具,如何使用呢?這個工具只限粉絲專頁使用,個人頁面是無法使用的。

登入FBML後,按下加到我的粉絲專頁,


然後選擇你要加入的粉絲專頁,


加入後他會先顯示在頁籤頁面(就是右手邊塗鴉牆這邊的區塊),你可以點選FBML他就會顯示在頁籤頁面了,排列順序可以用滑鼠拖曳完成。


在頁籤頁面是無法編輯你的資料的,只有刪除分頁的動作,

你要編輯頁籤的區塊都要進入"編輯粉絲專頁"這個功能頁裡面,


所以我們點選後,就會發現應用程式多了FBML – FBML這一區塊,


按下編輯就可以開始寫你的歡迎頁面了, 標題FBML可以改成你想要的文字,譬如"WELCOME"


如果你會寫html的話就可以開始寫了,下一篇會介紹如何簡單寫一個歡迎頁面的方式,以下是簡單的語法,大家可以先實做看看,fbml可以看成就是一個html的編寫器,怎樣把你寫的html變成畫面這樣而已。

<br/>空行
<p>段落文字</p>
<div align="center">文字或段落置中</div>
<strong>粗體文字</strong>
<font color="#C16100">文字顏色</font>
文字顏色及大小一起設定
<font color="#0000FF" size="+2">文字</font>
或是用<h3>文字</h3>,數字越大,顯示的字型越小


寫好儲存變更後,記得在塗鴉牆右手邊有個設定,按下後將"非粉絲訪客的入門頁面"改成你自己設的FBML頁面,譬如我的是"Welcome",這樣一來沒有加入粉絲的進入你的頁面時,第一個看到的就是你的宣傳歡迎頁面,這樣整個工作大概就完成了。


網路上的教學影片,不過最後幾分鐘,作者好像是有點....


0與1謎詭世界Facebook的粉絲頁面



延伸閱讀:
如何美化Facebook粉絲專頁(使用Static FBML嵌入影音、圖文)

39 則留言:

  1. 綸太郎,好久沒跟你討教了..恭喜你順利達到25人的FB粉絲專頁網址喔!以你造福格友的文章看來,要破百就在這幾天啦!!

    回覆刪除
  2. 破50就不錯了,還破百,太看得起我了,FB屬性跟匿名的訂閱是不同的,有的人不喜歡公開,會迅速增加是託kunghc之福。

    回覆刪除
  3. Hello 綸太郎 你好
    感謝你的教學,但是照你的說明 我在
    登入FBML後,按下加到我的粉絲專頁
    "把固定的FBML 安裝到我的粉絲專頁"應該會出現像你畫面東京封印跟0與1謎詭世界 ,可是卻出現"查無結果", 這樣是否就不能安裝了. 是我哪裡出錯了??
    麻煩解惑一下

    感恩~~~

    回覆刪除
  4. 你的粉絲專頁網址方便給我嗎? 我幫你看看。

    回覆刪除
  5. OK!!是不是這頁
    http://www.facebook.com/yangart#/home.php?filter=pp

    感謝~~~

    回覆刪除
  6. 這個是要你自己有屬於你個人成立的粉絲專頁才能用,不是放在別人的專頁上,你可能誤會了。

    回覆刪除
  7. 喔~~~原來~~了解了解~~
    感謝~~感謝~~~

    回覆刪除
  8. 我自己成立一個粉絲團,但是也是不行,會出現查無結果
    不知道是那裏出了問題

    http://www.facebook.com/yangart#/home.php?filter=pp

    回覆刪除
  9. 請問為什麼我建立了第二個分頁之後, 在這個分頁裏的圖片不能顯示, 但在boxes 內分頁的圖就可以顯示出來??
    不知是什麼問題呢??

    http://www.facebook.com/pages/derekque-photography-workshop/129325137093176?v=app_7146470109

    回覆刪除
  10. 我的圖片是用外連的,我發現你的圖檔是無法外連在facebook,
    http://www.derekque.com/facebook/banner.JPG
    我測試將圖片放在別的空間(blogger)可正常顯示

    回覆刪除
  11. 大大:
    請問~我已把FBML加入到我的粉絲專頁後進入編輯粉絲專頁為什麼卻沒岀現FBML應用程式?

    回覆刪除
  12. 請問你的粉絲專頁網址?

    回覆刪除
  13. 我的粉絲頁...
    http://www.facebook.com/pages/FarmVillefannypictures/123110667726506?ref=sgm

    回覆刪除
  14. 你應該是加錯地方了,你加入的不是apps的fbml,我文章裡fbml不是有網址連結,但我看你好像不是加這個。
    apps的連結為http://www.facebook.com/apps/application.php?id=4949752878&ref=appd

    回覆刪除
  15. 我不明白為何我一點那個apps網址直接跳到fb首頁

    回覆刪除
  16. 我找到問題出在哪邊了...原來是我鎖到這個應用程式了
    哈哈~抱欺打擾你了
    那我之前加的那個不是fbml?是什麼?
    怎麼會長得一模一樣?

    回覆刪除
  17. 我的也出現查無結果
    可以幫我看一下嗎?
    我是管理員
    http://www.facebook.com/tao1shop.tw

    我查了好久都解決不了
    也換了不同瀏覽器試試看

    謝謝喔!

    回覆刪除
  18. 你的有啊,點選 >> 就會看到一個fbml相關網站,應該你做的是這個吧,把它拖曳到比較前面的tab就行了。

    回覆刪除
  19. 請問公司的專屬粉絲頁不能用嗎?

    回覆刪除
  20. facebook有宣佈以後不支援fbml,所以要用其他語言來做了。

    回覆刪除
  21. 請問facebook不支援FBML了???? 可是現在還可以用耶~

    那他有宣布以後可以用什麼來做嗎???
    或是只能用API開發???

    回覆刪除
  22. 我是有看到FB發佈說不支持FBML了?
    但是他有說明原因嗎???

    那以後得用什麼作開發??
    使用API???

    回覆刪除
  23. 是啊,他有說明以後以iframe來支援, http://developers.facebook.com/docs/reference/fbml/ 現在的還是可以用,至於原因我也不知道,可能是牽涉到隱私權吧。

    回覆刪除
  24. 我弄不到,请问你可以教我吗?我的专页是时尚的,但是当我要安装去我的专页,他那里写着没结果,怎解的??

    回覆刪除
  25. 我想你應該已經裝好了,fbml裡面有寫 "Welcome ❤欢迎光临❤"

    回覆刪除
  26. 請問一下 現在非粉絲專業的設定已經改掉?! 我應該如何將我已做好的fbml在非紛絲進入時顯示出來呢?

    回覆刪除
  27. 沒有改,還是可以秀得出來,要以個人身分瀏覽就可看到,不過他的fbml的名稱好像有些錯誤,可能目前fb還在修正中,不是你當初設的名稱.

    回覆刪除
  28. 可以帮我的专业吗??请尽快回复谢谢~

    回覆刪除
  29. 目前在日本,很少上網。

    回覆刪除
  30. 請問我看到別人的粉絲專業左邊一排除了有塗鴉牆.相片.活動.網誌這些訊息它們還有一個灰色<->雙箭頭的東西,請問這個要怎麼弄到壓?!3Q

    回覆刪除
  31. 只要粉絲專頁有裝fbml單元,就自然會出現。

    回覆刪除
  32. 我輸入ㄌHTML圖片語法 但卻無法顯示圖片耶~

    回覆刪除
  33. 在哪裡輸入Html圖片語法,請詳述問題,一般來說圖片無法顯示,可能該圖片檔不接受外連。

    回覆刪除
  34. 我已經用HTML套用FBML了
    可是打開的時候整片空白是隱藏的
    怎麼弄他都還是隱藏...
    http://www.facebook.com/pages/%E1%83%A6HerStory%E1%83%A6/204966082898557#!/pages/%E1%83%A6HerStory%E1%83%A6/204966082898557
    這是我的粉絲專頁








    這是我套用上去的HTML
    http://www.freelicence.com/html_images.htm
    我是在這裡改HTML的

    回覆刪除
  35. 插入圖片一般只要用 <a href="要連結的網址"><img src="圖片網址"></a> 語法即可,如果還是不行,就是我文章開頭寫到的目前Facebook已不支援FBML,你可試試其他的工具。

    回覆刪除
  36. 請問也能幫我看一下嗎?
    安裝之後都沒有出現粉絲頁的icon..
    謝謝!
    https://www.facebook.com/#!/profile.php?id=1629027820

    回覆刪除
  37. 你給的網址是個人頁面吧,並非粉絲專頁,另外這工具對於新增的FB頁面也不再支援了。

    回覆刪除

設有留言驗證及核准,版主閱覽後,留言才會顯示,發問前請善用網站目錄Google搜尋功能