How to: Add a static FBML tab to your Facebook page

Facebook Pages are a great way to greet your students and fans on Facebook, especially if you’re a large institution with a lot of different people looking for you online. But what if you want to customize your page further and add content specific to you?

You can add applications and tabs to Pages the same way you can add them to your personal profile, but the steps to get an FBML (Facebook markup language, which is exactly like HTML with a few new options) tab up and running can be a little confusing- here’s how it works!

1. Go to your Facebook homepage and look for the Ads and Pages section in the left column.

Find the Page tab in your homepage

Find the Page tab in your homepage

2. (Note– for this to work you need to have admin access to a Facebook page. Otherwise your Page won’t show up here.) Click Edit Page. (You can also reach this screen by clicking Edit Page underneath your icon on the Page itself.)

Edit Page

Edit Page

3. At the bottom of the page under More Applications click “Browse More.”

Browse more

Browse more

4. Search for “Static FBML.”

Find Static FBML app

Find Static FBML app

5. Under the Static FBML profile picture, click “Add to my Page.” If you’re managing more than one Page, it will ask you to pick a Page or Application to add Static FBML.

Add to your Page

Add to your Page

6. Go back to the Edit Page screen. Now there’s a box called FBML! Click “Edit.”

Find FBML in Page settings

Find FBML in Page settings

7. FBML supports most HTML, so you’re free to add content as you would a webpage. (See note below.)

Edit FBML

Edit FBML

8. Under the “Edit Page” screen, go to “Application Settings” and make sure Tab is enabled and Box is disabled – this changes where the FBML you just wrote is displayed on your page.

Edit Static FBML Settings

Edit Static FBML Settings

9. You’re done – check out your tab!

Admire your handiwork!

Admire your handiwork!

Note – Unfortunately, Internet Explorer doesn’t support styles in the top of FBML tabs (ie <style type=”text/css”> … </style>. Use inline stylesheets if you prefer, or link to a stylesheet on another server with a <link rel=”” /> tag.

Facebook caches your stylesheet for faster loading times if you add a version number (?v=1.0) to the URL where your CSS is stored, but if you want to update your style, make sure to change the version number or Facebook will continue to use the cached version.