Customize facebook fan page by static fbml app


static_fbml Sometimes you may need to customize your facebook fan page. Then

what will you do ?

Possible solutions:

  1. To develop a customize application for this purpose
  2. If there are any such application for this purpose then will use it (free)

When will you develop your customize application for facebook page?
If you need to use any scripting language like php, asp, jsp. You may need to call some facebook api then you should choose this solution. Click here to see how to develop customize facebook application for fan page

Is there any such app for this purpose if i don’t need to use scripting language like php, jsp?
Yeah, there is a nice app developed by Facebook called Static FBML

static_fbml

Please visit this app. In the figure you’ll see there is an option “Add to my page”. Just click here to add this app in your page. After clicking it you’ll see the pages’ name to those you are admin. Then visit your page and click Edit Page. Here you’ll see one instance of this app


static_fbml2

Now click Edit. You’ll see the following figure:


static_fbml3

Now write a title in the “Box Title” option and in the “FBML part”  write css/html and FBML to customize your page tab. After doing that, please click Save Changes.

Now visit your page. In the right side you’ll see a (+) icon like the following figure.
static_fbml4
and in the search availabe tabs: write the title you put as Box Title.

To see sample of fbml code that you want to use in this app, visit my another post and copy/paste the code of that post in this app’s FBML part and check what happens.

Advantage:

  1. no need to buy hosting
  2. all data are stored in facebook database
  3. simple to use
  4. it’s free

Disadvantage:

  1. you couldn’t use scripting language like php/jsp/asp
  2. you couldn’t call facebook api

reference: FBML

mahmud ahsan

Computer programmer and hobbyist photographer from Bangladesh, lives in Malaysia. My [Github | Business | Twitter | Linkedin | Instagram | Flickr | 500px]

You may also like

54 Comments

  • puneet
    September 11, 2009 at 2:19 am

    mahmud,
    hi.

    this is excactly what i was looking for. What do you choose for the application type in facebook : FBML or iFrame?

    I tried creating a sample application and running into issues. Would it be possible to provide a link to working source code for the sample application?

    thanks
    puneet

    • mahmud ahsan
      mahmud ahsan
      September 11, 2009 at 2:23 am

      Static fbml is a facebook app. If you want to develop your own app you can choose either iframe or fbml as canvas type. I’ve very minimal knowledge on iframe base facebook app but i’ve very good knowledge on fbml base app. you’ll find source code an working app by facebook in here: http://developer.facebook.com/

  • John Booth
    September 12, 2009 at 1:43 am

    Do you know of a Static FBML reference? It seems like some user related FBML commands don’t work.

    • mahmud ahsan
      mahmud ahsan
      September 12, 2009 at 1:48 am

      @John, yeah some fbml tags are not suitable for static app.

  • Miss52
    October 11, 2009 at 6:50 am

    The G-20 specifically limits its perspective to that of nations which have the money. ,

  • Rebekah Owens
    December 4, 2009 at 7:35 am

    I’ve created a video tutorial for installing Static FBML on Facebook. Tell me what you think…. http://www.learntowebdesign.com/2009/11/install-fbml-on-a-facebook-page/

  • Valerie
    December 13, 2009 at 1:55 am

    This is a great tool! Thanks for the brief tutorial. Made it super-simple to really pimp my page.

  • Glenn
    December 30, 2009 at 4:09 pm

    Check out some interesting stuff you can do on your Facebook Fan page. Steps & code provided. Click on “Fan Page Utilities” tab and become a fan to check out the contents of the page

    http://www.facebook.com/webwhispers

  • Owen
    January 11, 2010 at 10:13 pm

    Hi. When I can’t see the edit option for the FBML app when I go to edit page. I have already made Static FBML one of my favourite pages. Any suggestions?

  • mahmud ahsan
    Mahmud Ahsan
    January 12, 2010 at 12:20 am

    @Owen, refresh your broswers several times and please try again. Hope you’ll see.

  • E Khan
    January 25, 2010 at 3:44 am

    I’ve created a small facebook page but I’m unable to hide/remove ads.

    Is there any script available with step by step instructions that will stop displaying these ads on my page.

    I use IE browser for facebook page.

    Appreciate

    Regards
    E Khan

  • Ruth Cuadrado
    March 10, 2010 at 2:16 am

    I’ve been doing a lot of research on static FBML to build my page, and I was able to put together something nice.
    Added a flickr slideshow, a youtube video, an “upload your photo” link, used clicktoshow, clicktohide, share page with friends, fb:name and fb:profile-pic.

    It’s really not as scary as it looks like!

    I’m not an expert, but I’ll be happy to answer any questions about my page (www.facebook.com/hiltoncaribbean).

    Regards

    Ruth

  • KerryAnn May
    March 13, 2010 at 12:26 am

    When I click on the Statis FBLM app, the apps page only gives me the option to add it to my favorites, it doesn’t give me the option to add it to my page.

    I am the administrator of our page. Help!

    • mahmud ahsan
      mahmud ahsan
      March 13, 2010 at 5:25 pm

      @KerryAnn, I think you previously added the app. So check the edit page to see if there is any app named static fbml or not.

  • KerryAnn May
    March 15, 2010 at 6:04 am

    I figured it out late last night with another person’s help. I wasn’t an administrator because I created the Fan Page using an email address other than the one associated with my personal facebook page! So I added myself as an administrator and it worked like a charm!

  • Ronny Tanzil
    March 30, 2010 at 11:49 am

    hi, do you know how to add a “personal become a fan button” in fan page? so i can insert the name of every fan to my database 🙂 thx. i found that iframe can’t be used any longer 🙁

  • mahmud ahsan
    mahmud ahsan
    March 30, 2010 at 4:59 pm

    Hi Ronny, Using static fbml app you can’t retrieve your page’s fan’s user id. You have to develop your own customized facebook app for fan page to retrieve user’s id.

  • Andrew
    April 3, 2010 at 3:12 am

    Hello,

    Thanks for the tips. Here’s what I’m looking to and I’ve been thinking about trying this a number of different ways but I am making a tab for a facebook fan page for Studying Abroad and want to connect students to photos of other students currently abroad that are publishing their pictures on flickr, picasa, photobucket, facebook, etc.

    One thought is to use Yahoo Pipes and mash all of the different photo RSS feeds into one and then make a FBML slideshow to display the RSS. The problem is I can’t find any examples of people doing this but I feel like this would be a really useful/cool feature.

    Another idea is maybe using the flickr tab and importing all the different photos into a flickr account.

    Or maybe just manually post the pictures from the different students as appropriate but I was hoping to do something more interactive/hands free.

    Any ideas or links would be greatly appreciated, thanks!

  • mahmud ahsan
    mahmud ahsan
    April 3, 2010 at 3:56 am

    @Andrew, I value your opinion and the features your told here. It is possible to develop your features for facebook page app, but then you couldn’t use this static fbml app. You have to develop your own customized app with your features.

  • Tom Story
    April 9, 2010 at 8:19 pm

    I just created a 520px Flash template that edits with Notepad.
    This best for your own photo and video galleries without the FB restrictions. It is now on sale on ActiveDen.net for $17

    http://activeden.net/item/facebook-static-fbml-app-520px-site-template/94839?ref=venataur

    The 8 lines of code you need for this whole template is included in the directions and walkthrough. I have sold 25 templates this week and the ones I have seen look awesome.

    I would love feedback on this. Here are two demos
    http://facebook.com/venataur
    http://facebook.com/lakefront – >> About LFB tab

  • mp3box
    May 26, 2010 at 3:25 am

    Thanks for the tips

  • Tim
    June 9, 2010 at 6:20 pm

    awesome facebook FBML templates can be found at http://www.flashmint.com/show-type-facebook.html

  • Maurizio
    June 21, 2010 at 6:35 pm

    Hi Mahmud,
    do you know how to include a video within a jpeg in static FBML?

  • Manuel
    July 21, 2010 at 4:50 pm

    Hi Mahmud,

    We have created a custom facebook app:

    http://apps.facebook.com/festival-estivale/

    but we are unable to add it to our fan pages.

    We tried to add it following your instructions to the following fan page but it is not being displayed:

    http://www.facebook.com/pages/Tenerife-es-asi/128666600498311?v=app_4949752878&ref=ts

    Facebook tells us that the app has been added as a box but I cannot find when viewing the fan page profile.

    The app is not in the application directory.

    May I ask you wat can be the reason ?

    Best,
    Manuel

    • mahmud ahsan
      mahmud ahsan
      July 21, 2010 at 6:20 pm

      Manuel, please check in the application setting (Authentication Settings) Facebook Pages is marked or not. And for facebook page app you have to set the page name in profile setting (Tab name, Tab Url). Please remember normal app can’t be set in facebook page until you do the both setting.

      • tauhid
        November 14, 2010 at 12:57 pm

        Hi mahmud,

        I have created a simple app and wanted to add as a fanpage app. I have added tab name and tab url. But I can’t found Authentication Settings option for page CHECK BOX. I have implemented fan page app earlier this year.

        Application settings page is being changed meanwhile so I can’t figure out.

        Can you please help?

        Thanks in advance.

  • digitalpbk
    August 15, 2010 at 11:24 am

    How do I install an app on the fan page which is not in the app directory?

    • mahmud ahsan
      mahmud ahsan
      August 16, 2010 at 1:33 pm

      It’s very easy, you have to visit the application page and click Add My page if the application supports for page.

  • Ibees
    September 2, 2010 at 3:58 pm

    Hi frndds . i’ve recently made a new facebook FANS page without any any prepration. i ‘ve added an FBML box too. But I dntk knw wht to do with It. Will any of U all helpp me. thnx

  • ***I NEED HELP WITH ADDING STATIC FBML TO MY FAN PAGE***
    September 15, 2010 at 11:59 pm

    ***PLEASE HELP ME with adding STATIC FBML to my Fan Page***

    My problem is this. Everytime that I add the “Static FBML” to my Fan Page, the application will NOT show up under my applications. I can not get past this! It is so frustrating to me!

    I am on a desktop computer. I even logged into my FB account on my laptop and still the same thing! Can you please help me because I want to customized my Fan Page so badly. Other apps will add, but this FBML will not! I do not know how to contact Facebook about it.

    Someone on a Facebook Forum said that you have to add yourself as the ADMIN before you can get past this, but I was NOT able to add myself as an ADMIN to my own FB Fan Page, so I added my husband as an admin. I will have to now log into his FB account to see I will be able to add Static FBML to my Fan Page, but I am not sure.

    There are others online h aving the same problem! Please help!!!!

    Thanks,
    Tonya

  • Mendel Potok
    October 27, 2010 at 9:07 pm

    Awesome, I have a few fan pages that could use a good template on there, gracias!

  • Lynn
    December 16, 2010 at 4:14 pm

    I’ve added the static FBML to my page, however, when I click to edit so I am able to put the code and name of the box in, the “FBML part” and “title box” doesn’t appear. The FBML just adds to my tabs, but doesn’t allow for editing. How can I overcome that to add what I need?

  • Rolex Sweep
    January 3, 2011 at 12:28 pm

    Hey man this is really a nice post i like it very much….

    Fine information. Thanks so much, have a good day!

  • shirliana
    January 4, 2011 at 11:07 pm

    All I want to do is find an example of fbml coding that I can modify and insert into my “become a fan” tab I have just added to my facebook page.

    Can any one provide me with this?

  • Rehan
    January 15, 2011 at 12:39 am

    Beautiful post regarding FBML scripts quite handy , i have used few of them at http://www.facebook.com/pages/Love-for-Pakistan/137186526342738

  • Julian
    February 25, 2011 at 10:24 pm

    Hey,

    this is a great post about customizing Facebook Fan pages by using FBML.

    I think FBML is indeed very useful, but it´s very complicated as well.

    Therefore I want to share with you our free tool on http://mashlab.com – mashlab makes it possible for you to draw new elements simply on the work surface using drag & drop. You need no knowledge of complex programming languages such as FBML or HTML.

    Hope I could help you with this post!
    best, Julian

  • Erik Giberti
    March 2, 2011 at 11:24 am

    Facebook is phasing out the static FBML application 3/11. Existing installs will continue to work, but page owners should start looking for alternatives such as My Tab that will allow them to continue building fan pages with minimal adjustments to their process.

    My Tab – http://www.facebook.com/apps/application.php?id=14167664298

  • Fad shady
    April 1, 2011 at 6:04 pm

    Hi

    i wanna comment on facebook feeds from an external website, i used the comment api but the href attribut doesn’t reffer to the feed.. someone could help please!!!

    peace

  • Jivraj Tea Ltd.
    May 16, 2011 at 3:11 pm

    ## INSTALLED FBML APPLICATION TO MY PAGE BUT THE FBML CODE DOESNT SEEM TO WORK. PLEASE SHOW ME HOW TO WRITE THE CODE ##

    I have installed an FBML app. to my page ‘TEA, CHAI, CHA’

    http://www.facebook.com/?ref=logo#!/pages/Tea-Chai-chaa/162908843730502

    The problem i am facing is i am not able to add images even if i write the perfect code in ‘EDIT FBML’ section.
    My customised page showz completely nothing even after the code has been feed in.

    Second problem is, from where can i get my ‘IMG SRC’, the link of the pictures that i have in my desktop. Do i need to upload them on some website to get their URL ??

    Please HELP. I have installed the application but unable to write the FBML CODE. GUIDE ME THROUGH THIS PLS.

  • sanjay
    June 24, 2011 at 7:23 pm

    hello,

    i have to add like button on my facebook application,when user like my page then only he/she can see inner pages..
    how can i do this…?

    i tried edge.create but not get…i also tried using FQL ….but i stop at object id

    do u have any solution?

    thanks in advance

  • Henry Kelly
    June 26, 2011 at 8:52 pm

    I suggest using iFrame..makes for a much cleaner and easier project. This also allows you to make some dynamic changes like geo-targeting text.

  • kexah
    August 6, 2011 at 6:31 am

    Hi please help me. Im just new in creating fan page becuse i really love anime specially fairy tail anime.I would like to add some facebook templates and picture as well but i dont know how to create codes, im so frustrated because i really want to have a fanpage but i dont know how to create.please help me

    Kexah Mendoza
    Philippines

    • sanjay
      August 6, 2011 at 11:34 am

      Hi kexah,

      creating fan page is very simple just go to this link

      http://www.facebook.com/pages/create.php

      select option to create fan page. set ur fan page as per ur choice

      once u add fan page successfully then go through static

      FBML pages..and add fbml page

      and past html template code.

      • sanjay
        August 6, 2011 at 11:44 am

        how to add fbml page?

        just follow this link and add fbml pages to fan page

        http://www.facebook.com/add.php?api_key=fdfd01c9df7d644a68a4e989ae861e44&pages

        and select application fan page where u want to add

        once u add fan page.then go to edit in fanpage—>click on apps–>click on fbml—>gives Box Title: as u wish–>past html code in fbml..but html code should contain only inside tag not including

  • Irina
    August 9, 2011 at 6:20 pm

    I failed to install Static FBML to your page, so I had to look for information on creating your own application, it came, but there is scrolling pictures – http://www.facebook.com/LuxMea.yorkshireterrier , can tell me how to fix

    • mahmud ahsan
      mahmud ahsan
      August 10, 2011 at 2:23 pm

      Please forget this app. facebook deprecated it.

  • Rashed
    August 31, 2011 at 12:05 am

    Customize Facebook Fan Page using FBML. ai system ta onek poraton new ki system acha please aktu bolban

  • GuyManningham.com
    February 12, 2012 at 3:21 am

    I heard FBML is being phased out. Any truth to that?

  • Daytime
    June 25, 2012 at 1:37 am

    would you rent me ad space for my banners??

  • facebook marketing for dummies
    April 29, 2013 at 8:01 pm

    Hello, I do think your website could be having browser compatibility problems.
    When I take a look at your website in Safari, it looks fine however, when opening in
    IE, it has some overlapping issues. I merely wanted to give you a quick heads up!

    Apart from that, great blog!

  • mustapha
    November 6, 2010 at 4:29 am

    http://www.facebook.com/Islam4you see this page

Comments are closed here.