Add the FBML application
Facebook pages incorporate CSS and elements of HTML. FBML (Facebook Markup Language) is the coding that Facebook recognizes. A basic understanding of HTML is required.
The first thing you’ll need to do is add the Static FBML application.
Search for “Static FMBL” and click on add to my page
Next you’ll need to click on edit page (underneath your company profile pic) and then click on Go To Application.
Customize Your Tab
From here you’ll have the ability to name your tab and insert your code.
Some points to keep in mind:
- All images must be 520 pixels or less in length
- Images need to be hosted on an outside website
- iFrames are not supported in FBML (but sometime early 2011 they will be)
- <html>, <body>, <head> and meta tags aren’t necessary
- Add additional FBML boxes via a link in the lower left that says “Add another FBML box”
- You can have up to 6 tabs viewable on your main page
Thoughts on Page Design
It’s not a bad idea remind users to “like” the page.
Here are some examples:
Add a YouTube video
Copy this highlighted portion of your YouTube URL
and place it into this code:
<fb:swf swfbgcolor="000000" imgstyle="border-width:3px; border-color:white;" swfsrc='http://www.youtube.com/v/IuSrajkuLlc' imgsrc='http://img.youtube.com/vi/IuSrajkuLlc/2.jpg' width='300' height='235' />
(You’ll need to save a screenshot image of the video if you want it to show up before the video is clicked on)
Make Your Tab the Default Landing Page
Once your custom tab is complete, you’ll want to make sure it’s the first place visitors land when they visit your page.
1. Go to your pages Wall
2. Click on options in the upper right hand corner
3. Click on settings
4. Select your default landing tab of choice
Congrats! You’re all set. With a custom Facebook tab, your page will be head and shoulders above most other pages.
Check out the new Sparkplug Digital Facebook page.