03:17
Faizan
Facebook users can create custom tabs for fan pages with the Static HTML iFrame Tabs application. Custom tabs enable users to specify what information visitors view when arriving at the Facebook fan page and provide additional capabilities, such as video. Once the iFrame application is installed almost any Web page that is hosted outside of Facebook may be displayed on the page by supplying its Web address. This also enables more dynamic pages as content may be edited by users directly from their Web servers.
Create an HTML Web page that will serve as the content for the custom tab. The page should be a maximum of 520 pixels in width to avoid resizing when it is embedded within the Facebook iFrame application. Note the Web address of the page once it is completed.
Log in to your Facebook account and visit facebook.com/developer.
Select "+ Setup new App" on the top right of the screen.
Name the application and select the "Agree" radio button to accept the Facebook terms of service, and enter the Captcha security code.
Click on the "Create Application" button to access the application's administrative panel.
Select the "About" tab. Upload a 16x16 graphic that will serve as the identifying icon on the Facebook page.
Select "Facebook Integration."
Add a unique name in the "Canvas Page" field that will be used to access the application.
Enter the path to the domain URL where the HTML page is stored in the "Canvas URL" field.
Set the Canvas Type field to iFrame.
Enter the tab title that will be used when it is added to your Facebook page, e.g., Welcome.
Access the Tab URL field and enter the specific file name of the HTML page that contains the content to be inserted into the iFrame.
Save the changes and continue to the "Application Profile Page."
Find the link to "Add to my Page" in the left sidebar and click on it.
Click on the "add to page" button to complete creating the new tab.
Create an HTML Web page that will serve as the content for the custom tab. The page should be a maximum of 520 pixels in width to avoid resizing when it is embedded within the Facebook iFrame application. Note the Web address of the page once it is completed.Log in to your Facebook account and visit facebook.com/developer.
Select "+ Setup new App" on the top right of the screen.
Name the application and select the "Agree" radio button to accept the Facebook terms of service, and enter the Captcha security code.
Click on the "Create Application" button to access the application's administrative panel.
Select the "About" tab. Upload a 16x16 graphic that will serve as the identifying icon on the Facebook page.
Select "Facebook Integration."
Add a unique name in the "Canvas Page" field that will be used to access the application.
Enter the path to the domain URL where the HTML page is stored in the "Canvas URL" field.
Set the Canvas Type field to iFrame.
Enter the tab title that will be used when it is added to your Facebook page, e.g., Welcome.
Access the Tab URL field and enter the specific file name of the HTML page that contains the content to be inserted into the iFrame.
Save the changes and continue to the "Application Profile Page."
Find the link to "Add to my Page" in the left sidebar and click on it.
Click on the "add to page" button to complete creating the new tab.
Posted in: facebook
