v 用FBML工具來製作你的Facebook粉絲歡迎頁面---安裝篇 >> 0 與 1 謎詭世界
★★★請勿任意轉載本站的文章及圖片但歡迎網摘及連結並註明網站名稱與網址,勿全文轉載,彼此尊重,
是網路的基本禮儀。


>
2013 曬書節 - 萬種商品49元起!

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搜尋功能

Related Posts Plugin for WordPress, Blogger...