Facebook Mark-up Language (FBML) is basically HTML coding with a few differences. But don’t let that scare you off! There are five simple codes to know to make your Facebook fanpage look great. You can memorize them or just copy-paste them into a document to refer back to whenever you need it.

.

Where do I use FBML?
When you create a Facebook fanpage, you can create all the tabs you want–a welcome page, a page of book reviews, photo spreads, links to interviews, excerpts, video channels, special offers, etc. The easiest way to make these pages look appealing is through a few useful codes.

How do I add these tabs?
On your fan page, go to “edit page” under your icon. At the bottom under the Browse Applications heading, it will suggest FBML (a little gray box with < > symbols). Click on this. Then under the icon on the FBML page, click “add to page” and select your fanpage. Now go back to your fanpage, click “edit page” again. This time, you will have a FBML box. If you click “edit” in that box, you will be able to change the title of that tab and fill in content.

5 Codes

1. Line Break
Anywhere you want a line break, just type <BR>
For two line breaks, type it twice, and so on.

2. Bold
Anytime you want to emphasize text by bolding it, use <strong> and </strong> surrounding the words. For example, if you want the “stay tuned” words to be bold in this sentence: “Welcome and stay tuned for more upcoming events,” you would type this:

Welcome and <strong> stay tuned </strong> for more upcoming events.

The <strong> is the beginning of the bold, and the </strong> ends it.

3. Links
Let’s say you want to say “Visit my YouTube account!” but you want people to be able to click on the word “YouTube” and be taken to your YouTube page, which is http://www.youtube.com/no1getzs0da. You would type this:

Visit my <a href=”www.youtube.com/no1getzs0da”> YouTube </a> account!

The a starts the link. The href= tells where the link will go. The /a ends the link. Anything in between will be clickable (in this case, the word “YouTube”).

4. Adding a photo
I am going to use tinypic.com as an example, but you can use any photo hosting site you would like.

Step 1: Go to tinypic.com and create an account. It’s worth it and they don’t spam you.
Step 2: Upload your photo from your hard drive by clicking “browse,” selecting your photo, clicking “upload,” and confirming that you are not a robot by entering in their random letters if they prompt you to (might not happen).
Step 3: There are four boxes of code under the heading “Grab Your Code.” You only need the first and last. Copy-paste the first code into your Facebook FBML box. It will look something like this (except the red part will be different):

<a href=”http://tinypic.com?ref=73jmeh” target=”_blank”><img src=”http://i35.tinypic.com/73jmeh.jpg” border=”0″ alt=”Image and video hosting by TinyPic”>

Now copy the fourth code on the tinypic page. It will look like this (except the red part will be different):

http://i35.tinypic.com/73jmeh.jpg

Now, replace the blue part of the first code with the fourth code you just copied.

<a href=”http://tinypic.com?ref=73jmeh” target=”_blank”><img src=”http://i35.tinypic.com/73jmeh.jpg&#8221; border=”0″ alt=”Image and video hosting by TinyPic”>

And change the words Image and video hosting by TinyPic to be a short description of your picture, like Me on a farm. After you’ve saved your FBML box and returned to the fanpage and gone to that tab, you should see your photo there. Try clicking on it and see what happens.

5. Adding Video
Find the video you want on YouTube (or upload one on YouTube from your hard drive). If you click on the SHARE button under the video, you will get a little box of code. It will look like this (except the red part will be different):

http://www.youtube.com/watch?v=D2NFYxMFWQo

Copy the string of letters at the end (the red part) in the code you got off YouTube.
Now type this code into your FBML box:

<fb:swf
swfbgcolor=”000000″ imgstyle=”border-width:3px; border-color:white;”
swfsrc=’http://www.youtube.com/v/
ABCDEFG
imgsrc=’http://img.youtube.com/vi/ABCDEFG/2.jpg’ width=’340′ height=’270′ />

Except, instead of ABCDEFG, paste in the string of letters you copied off YouTube. That’s all there is to it! Now when you save your FBML page and visit your fanpage, you should see your video.

Advertisements