How to Make a Custom Facebook HTML Landing Page
If you know the basics of HTML and have a Facebook Page, you can create a custom HTML landing page on Facebook. Facebook Pages, also known as Fan Pages, can use the Static FBML application to insert a new customizable tab into your page. You can then set this page to be the first page seen -- that is the page they "land" on -- by anyone who has not yet "Liked" your Page. Once the page has been liked, the default landing page will then be the wall, although visitors can still see your landing page by clicking on its tab. At the time of publication, this feature is not available for an individual's Profile page.
Instructions
-
Installing Static FBML
-
1
Log into Facebook, and go to your Facebook Page. Click "Edit Page"; then click the "Apps" link on the left of the page. This will show your currently installed applications. Click the "Browse More Applications" link at the bottom of the page.
-
2
Type "FBML" into the text field, and press "Enter." Click the "Static FBML App" entry. This will take you to the FBML application page.
-
-
3
Click "Add to My Page." A pop-up window will open. Click "Add to Page"; then click "Close."
Creating a Landing Page
-
4
Go to your Facebook Page. Click "Edit Page"; then click the "Apps" link. Locate the FBML app, and click "Edit Settings." A pop-up menu will open.
-
5
Click the "Profile" tab. Click "Add" beside the "Tab" option. This will add a tab to your page. Click "Close."
-
6
Click "Go to App" under the FBML application. Type the name of your landing page in the "Box Title" field.
-
7
Create a title for your page by framing it within the "<h1>" and "</h1>" header tags. For example, "<h1>My Title</h1>." Header information like "<html>" is not needed.
-
8
Create a paragraph by framing the sentences within the ""<p>" and "</p>" tags.
-
9
Insert Web links in your page by using the standard HTML link tag, like this "<a href="http://www.example.com/link.html">Click here</a>" as an example.
-
10
Insert pictures into your page by creating a link to the picture. The HTML code would look like this, "<img src="http://www.example.com/picture.jpg">" as an example.
-
11
Use other basic HTML codes to customize your landing page. Use " to create a line break. Use the "<center>" and "</center>" tags around text to center it. Use the "<b>" and "</b>" tags around text to make it bold.
-
1
References
More Like This
Comments
-
what if there is no "browse more" option"?
