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.
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.)
3. At the bottom of the page under More Applications click “Browse More.”
4. Search for “Static FBML.”
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.
6. Go back to the Edit Page screen. Now there’s a box called FBML! Click “Edit.”
7. FBML supports most HTML, so you’re free to add content as you would a webpage. (See note below.)
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.
9. You’re done – check out your tab!
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.