Customize Facebook Fan Page using FBML.
Wall Script
Wall Script
Tuesday, August 09, 2011

Customize Facebook Fan Page using FBML.

Have you created Facebook fan page for your website or product? if not take a quick look at this post how to customize Facebook fan page with static FMBL. Fan pages helps your product will reach many more people. It’s very simple and it supports HTML tags, try this and market your product.

9lessons facebook fan page

9lessons Fan Page     WallScript Fan Page
Step 1
Login into Facebook and click here to create a new facebook fan page and choose right category for your product.
9lessons facebook fan page

Step 2
Fill the basic information about your product such as uploading images, title and description.
9lessons facebook fan page

Step 3
Now the most important part in this cycle adding Static FBML application for customizing fan page. Click here you will find out the following screen and then select your page.
9lessons facebook fan page

Note: Static FBML application not working with old facebook accounts. Try with new facebook account.

Step 4
Open your page and find out and click Edit Page button top right-side.
9lessons facebook fan page

Step 5
Editing Static FBML page. Apps -> Added Apps and find out Static FBML application and click Go to App.
9lessons facebook fan page

Step 6
Coding part first edit the Box Title(tab name) next paste your HTML code into following textbox.
9lessons facebook fan page

Like Me
Using this condition you can check the user status liked or not?
<fb:visible-to-connection>
Hi <fb:userlink uid="loggedinuser" /&;gt; thank you for liking me.
<fb:else>
Click Like Button
</fb:else>
</fb:visible-to-connection>

Vimeo Video
Following code helps you to include Vimeo.com videos in fan page. I love vimeo videos, rich quality and neat design. You have to replace video VIDEO_ID value.
<fb:swf
swfbgcolor="000000" imgstyle="border-width:3px; border-color:white;"
swfsrc='http://vimeo.com/moogaloop.swf?clip_id=VIDEO_ID&server=vimeo.com&show_title=1&show_byline=1
&show_portrait=1&color=&fullscreen=1'
imgsrc='videotumbnail.png' width='490' height='350' />

Youtube Video
For adding Youtube.com videos. You have to replace video VIDEO_ID value.
<fb:swf swfsrc="http://www.youtube.com/v/VIDEO_ID"
imgsrc="http://img.youtube.com/vi/VIDEO_ID/default.jpg"
width="480" height="360" />

Slideshare Presentations
Adding slideshare.com presentations. You have to replace video DOC_ID value.
<fb:swf swfsrc='http://slideshare.net/swf/ssplayer2.swf?doc=DOC_ID'
width='515' height='425' imgsrc="image.png" />

Step 7
Setting up default landing welcome page. Edit Page -&gt; Manage Permissions -&gt; Default landing tab.
9lessons facebook fan page

If you want to add some more tabs
Click here to add second tab, Click Here to add third tab.

Step 8
Adding Facebook like box for your website.

Code
Eg: Fan page URL: http://www.facebook.com/pages/WallScript/114512775303437.
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/likebox.php?href=FAN_PAGE_URL&width=300&
connections=10&stream=false&header=false&height=255" style="border: none; height: 255px; overflow: hidden; width: 300px;"></iframe>

Once you got more than 25 likes you can able to set friendly username like eg: http://facebook.com/9lessons. Edit Page -&gt; Basic Information -&gt; Username

If you have unique Facebook fan page designs please post a comment here. Thanks!
web notification

36 comments:

  1. KaniadonaAugust 9, 2011 at 2:47 AM

    Thanks...but many website posted about this material.

    Now how to make Facebook Application, how to code for facebook aplication. Thanks..

    ReplyDelete
  2. JohnAugust 9, 2011 at 2:52 AM

    I've been waiting for this hehe, thanks sir!

    ReplyDelete
  3. AnilAugust 9, 2011 at 2:58 AM

    Hi Srinu,

    Nice post. Soon i will also change my page.

    ReplyDelete
  4. AnonymousAugust 9, 2011 at 3:05 AM

    Just amazing !!!

    ReplyDelete
  5. Aqeel shamasAugust 9, 2011 at 5:53 AM

    Nice post. thanks for sharing

    ReplyDelete
  6. SaurabhAugust 9, 2011 at 6:33 AM

    hi ,
    But Static FBML is now updated to Iframe ....

    ReplyDelete
  7. AnonymousAugust 9, 2011 at 6:54 AM

    Nice

    ReplyDelete
  8. winnyAugust 9, 2011 at 7:01 AM

    Hi,
    Now Static FBML is not working for new pages I think facebook has closed Now i am using Iframe apps http://apps.facebook.com/iframedapp/

    Have a look my link http://www.facebook.com/pages/I-Nurture-Education/216764158344986?sk=app_176097525776344

    ReplyDelete
  9. IrinaAugust 9, 2011 at 8:18 AM

    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

    ReplyDelete
  10. JulioAugust 9, 2011 at 8:22 AM

    Hi

    Yes, I think the same, the FMBL isn't using any more.

    How Can check the user status liked or not in Iframe?

    ReplyDelete
  11. Srinivas TamadaAugust 9, 2011 at 8:41 AM

    Hi All

    Static FBML working with new facebook accounts.

    ReplyDelete
  12. GodwinAugust 9, 2011 at 8:42 AM

    @ Irina
    Use this iframe apps

    http://apps.facebook.com/iframedapp/

    ReplyDelete
  13. GodwinAugust 9, 2011 at 8:44 AM

    @Srinivas I tried but its not working for my pages so i went to iframe

    ReplyDelete
  14. Srinivas TamadaAugust 9, 2011 at 8:52 AM

    @Godwin

    I have created fresh fb account, now I'am able to access static FBML app(Safari browser).

    ReplyDelete
  15. John BlatterAugust 9, 2011 at 6:33 PM

    I am trying to use the iframe app, I have it on my site, but I'm lost as to how to create a nice welcome page using this.

    HELP!

    ReplyDelete
  16. Ahmad AwaisAugust 9, 2011 at 8:02 PM

    when will you write about how to create fb apps with 3 or 4 eg codes?

    ReplyDelete
  17. RusdimoriAugust 9, 2011 at 10:17 PM

    WOOOW...
    Nice Page..
    ..
    Now 9lessons available for mobile view....

    ReplyDelete
  18. AnonymousAugust 10, 2011 at 1:29 AM

    Hi srinivas,
    can u post facebook chat application.

    ReplyDelete
  19. nassimwebAugust 10, 2011 at 10:07 AM

    very nice tamada

    ReplyDelete
  20. social media for churchesAugust 10, 2011 at 10:54 AM

    This is a great share my friend. I can't wait to create my own fan page.

    ReplyDelete
  21. freakzlessAugust 11, 2011 at 10:51 AM

    visit us: https://www.facebook.com/Two.Triple.O

    ReplyDelete
  22. Siddhartha SinhaAugust 15, 2011 at 6:23 AM

    This information is awesome..Keep it up...

    ReplyDelete
  23. AnonymousAugust 16, 2011 at 9:11 AM

    thank you srinu

    ReplyDelete
  24. AnonymousAugust 21, 2011 at 2:40 AM

    i can't find the static FBML in my page :(

    ReplyDelete
  25. Kev from Skyweb StudiosAugust 31, 2011 at 6:38 AM

    nice article, thank you!

    ReplyDelete
  26. Antony PratapSeptember 9, 2011 at 3:31 AM

    I'm gonna try this for my page! Nice one!

    ReplyDelete
  27. IamDrewOctober 7, 2011 at 12:12 PM

    your a genius

    ReplyDelete
  28. EmreOctober 27, 2011 at 1:56 PM

    thank you but i cant find the Static FBML in my app page.
    Only; Event, photos, videos etc..

    ReplyDelete
  29. SuppliesguysNovember 28, 2011 at 1:57 PM

    Thank you... We are working in same lines. your information really helps us...

    ReplyDelete
  30. AnonymousDecember 5, 2011 at 1:15 AM

    nice :)

    ReplyDelete
  31. AnonymousJanuary 6, 2012 at 3:41 AM

    Nice tutorial but I cant find the Static FBML in my page.

    any Answersi

    ReplyDelete
  32. AnonymousJanuary 6, 2012 at 6:59 AM

    Static fbml not working here

    ReplyDelete
  33. UnknownJanuary 10, 2012 at 11:23 AM

    does it mean to use the FBML one must create a new facebook account?or is there a way to transition?

    ReplyDelete
  34. CommodityOctober 29, 2012 at 8:14 AM

    Great, these points are really very helpful to customize facebook fan page very easily.

    ReplyDelete
  35. Michael bayouthDecember 5, 2012 at 3:03 PM

    Do you know of anyone who can help me get this done. Hitting the wall.
    Thanks! - Mike

    ReplyDelete
  36. AhtashamApril 19, 2013 at 1:27 PM

    You have described an amazing way to customize facebook fan page. I have followed your blog post / tutorial to customize my facebook fan page.

    ReplyDelete

Most Popular Posts

mailxengine Youtueb channel
Facebook and Google Login
Make in India
X