Static FBML How-To

So have you ever wondered how to add a custom tab at the top of your Facebook Page?  Well, here ya’ go!

1.  Get the Facebook Application: Static FBML – Visit http://www.facebook.com/apps/application.php?id=4949752878 Click Add to My Page, located at the top left of the page.

2.  Find the Page that you would like to add Static FBML to and click “Add to Page” next to the appropriate Page.

3.  Go to your Page that you just added the Static FBML application to and click “Edit Page”, located at the top left of the page under the Page’s logo.

4.  Scroll down and find “FBML – FBML” and click “edit” under the application.

5.  Enter the Name of the tab in the “Box Title” text box.  This is the text that will show up in the tab on your page.

6.  Enter your HTML (and CSS) in the “FBML” text box.  This will be what shows up in the main part of your tab.   *Note that you can only use HTML (http://www.w3schools.com/html/default.asp), CSS (http://www.w3schools.com/css/), and Facebook Markup Language (FBML) (http://wiki.developers.facebook.com/index.php/FBML)  in this area.  Program Languages such as PHP or ASP will not work in this area.

To copy/copy and tweak what Catawba County has done here is the code:

<table background=”http://www.catawbacountync.gov/broadband/facebook/container.png” width=”100%” height=”950px” cellpadding=”20px”>

<tr>

<td width=”90%” valign=”top” colspan=”2″>

<br /><br /><br /><br />

<h3>Google Fiber for Communities</h3>

Google is planning to launch an experiment that they hope will make Internet access better and faster for everyone. Google plans to test ultra-high speed broadband networks in one or more trial locations across the country. Their networks will deliver Internet speeds more than 100 times faster than what most Americans have access to today, over 1 gigabit per second, fiber-to-the-home connections. They will offer service at a competitive price to at least 50,000 and potentially up to 500,000 people. <br /><br />

From now until March 26th, they are asking interested municipalities to provide them with information about their communities through a Request for information (RFI), which they will use to determine where to build their network.</p>

<p> Want to see 1 gigabit per second (~100 times faster than your connection now) Internet connection to your home, business, organization? Join your Neighbors, Friends and Co-workers to <a href=”http://www.google.com/appserve/fiberrfi/user/launch_exhibit_b” target=”_blank”>NOMINATE CATAWBA COUNTY</a> by clicking on the nominate button below.  If you would like to find out more about the Google experiment, visit the “Think big with a gig” site here: <a href=”http://www.google.com/appserve/fiberrfi” target=”_blank”>http://www.google.com/appserve/fiberrfi</a> . If you would like to find out more about what Catawba County and other municipalities in Catawba County are doing to nominate our area for the Google Fiber Network, visit us here: <a href=”http://enewsletter.catawbacountync.gov/broadband/” target=”_blank”>http://enewsletter.catawbacountync.gov/broadband/</a>.</p>

<p><em>*note: In order to nominate Catawba County, you will need a <a href=”https://www.google.com/accounts/NewAccount” target=”_blank”>Google account</a> (if you have a gmail account, log in with that). If you need a Google account, you can register for one for free here: <a href=”https://www.google.com/accounts/NewAccount” target=”_blank”>https://www.google.com/accounts/NewAccount</a> </em></td>

</tr><tr><td>
<img src=”http://www.google.com/appserve/fiberrfi/static/images/fiber_house.gif” />

</td><td><center>

<b>Nominate Catawba County for a Google fiber optic trial<br />by clicking the button below!</b> <a href=”http://www.google.com/appserve/fiberrfi/user/launch_exhibit_b” target=”_blank”><img src=”http://www.catawbacountync.gov/broadband/facebook/nominate.png” width=”350″ height=”150″ border=”0″ alt=”Nominate Catawba County for the Google Fiber Experiment” /></a>

</center></td><tr>

<td colspan=”2″>

<center>

<b>Click on the YouTube video below to find out more from Google, explaining the experiment:</b>

<fb:swf

swfbgcolor=”FFFFFF” imgstyle=”border-width:3px; border-color:white;”

swfsrc=’http://www.youtube.com/v/wusklcNKDZc’

imgsrc=’http://img.youtube.com/vi/wusklcNKDZc/2.jpg’

width=’500′ height=’305′ />

</center></td></tr></table>

<fb:share_button>

<meta name=”medium” content=”news”/>

<meta name=”title” content=”Nominate Catawba County for the Google Fiber Experiment”/>

<meta name=”description” content=”"/>

<link rel=”target_url” href=”http://enewsletter.catawbacountync.gov/broadband”/>

</fb:share_button>

7.  After you have entered your code, click “Save Changes” to make the code Live.

8.  If you would like to make your new Static FBML Tab the first tab that users see when they come to your Facebook Page, back to Edit Page, and click “edit” under Wall Settings.  In the “Default Landing Tab for Everyone Else” dropdown, select your new Tab’s name.

9.  If you did not change any of the above provided code, users will see this when they visit your new tab.

If you would like to a finished product of the instructions above, check out Catawba County, North Carolina’s Facebook Page at: http://www.facebook.com/catawbacountync



---

Comments RSS You can leave a response, or trackback from your own site.