How to Use FBML Boxes on Your Page
Static FBML (Facebook Mark-up Language) pages are no longer used on Facebook. Instead, Facebook now uses Facebook iFrames, an application that allows you to take portions of a website and make them visible within your Facebook page. Basically, it's like embedding select pages from a website into the Facebook medium. Facebook iFrames present a number of possibilities for effective Facebook page customization.
Instructions
-
-
1
Set up a folder on your web server for Facebook iFrame apps. You can call the folder "Facebook," "FB" or some other name that distinguishes it as the home of your future Facebook iFrame apps.
-
2
Install the Facebook Developer application. Go to facebook.com/developers. If this is your first time visiting the site, it will walk you through the process of installing the Facebook Developer application to your page(s).
-
-
3
Click the "Set Up New App" button now that the developer application is installed on your Facebook page. Name the app, click "Agree" and then select "Create App."
-
4
Click "Application Profile Page" and then select the page or pages that come up in the box that you'd like to add iFrames capability to.
-
5
Click "Facebook Integration" to transfer your website into the iFrame app. Name the tab a short, descriptive name and then copy the URL of the web address where the tab content lies on your website's server. Remember: The content is going to be in that Facebook folder you created on your website. Usually, all you have to do is create a new webpage within that folder named "Index" and copy and paste the code of the page you'd like to copy over into that page.
-
1
Tips & Warnings
Always check your URLs. Any inconsistency or discrepancy in the URL will result in an error page.
The maximum width for a tab page is 520 pixels. Make sure your iFrame apps follow this rule.
