Customizing Facebook Fan Pages

Search "FBML" (Facebook Markup Language) on Facebook and chose the app called "Static FBML" to experiment with. This app is for Facebook Pages (aka Public Profiles, aka Fan Pages) only. And YOU CANNOT RUN JAVASCRIPT in FBML pages, just CSS/HTML.


Adding Static FBML to your Public Profile (Fan Page)

1. Click "Edit Page" under the Page's large avatar image;
2. Under "Applications," under "More Applications" click the pencil/edit icon and select "Browse more";
3. Under "All Applications" in the left column, enter "static fbml" (without quotes) into the search field and hit your enter/return key;
4. Go to the Static FBML application from the search results page (it should be the only result);
5. Click "Add to my Page" in the left column;
6. You have successfully added Static FBML to your Page.

Adding Your FBML Box or Tab to Your Public Profile Page

• click on "Edit Page" in the left column right under the logo/avatar;
• Find the "Static FBML" link, click the edit/pencil icon and select "edit";
• enter the name you want to appear in the box heading in the "Box Title" field;
• enter the HTML content in the "FBML" field (I've only used HTML thus far; haven't tried FBML);
• if you want your FBML box to appear in the left column of your Wall, set the width to 180px 
• if you want it to appear in the tabs in the main Wall column, 600px is a good width 
• when you've added in your HTML -- there doesn't appear to be a "preview" function -- click "Save Changes";

Having Your FBML Appear Either in the Tabs or Left Column

• On your Page's main page, click "Edit Page" under the logo/avatar;
• Locate the FBML application (it will be called whatever you entered into the Box Title field, plus "FBML"), and click the edit/pencil icon;
• Select "Application Settings";
• Make sure "Box" is "added" and "Tab" is "added" and click "okay";
• Click on the "Boxes" tab on your Wall (at the top of the center column);
• to have the FBML box appear in the left (narrow) column of your Wall, locate the FBML box on the Boxes page, click on the edit/pencil and select "Move to Wall Tab";

To have it appear in the Boxes tab at the top, go to the FBML box you created in your left column, click the edit/pencil and select "Move to Boxes tab";
Creating Additional FBML Boxes

• Click "Edit Page" under the logo/avatar of your Fan Page;
• Locate the FBML box you have created;
• Click the edit/pencil and select "Edit";
• Below the fields for the box you created, locate and click "Add another FBML box";