Durofy

In this post, I discuss basic FBML that everyone can use for their Facebook profiles. FBML, like HTML, is the Facebook Markup Language. It is basically used by developers who create facebook applications for us.

However, we can also use FBML on our facebook profiles in boxes & tabs. This allows us to embed music, video & flash in the profiles.

First you gotta have an app which allows you to use HTML/FBML for your profile.

Note : You really need one of the apps listed on the link above to use the FBML given below.

1. The FBML Photo tag

Though Facebook does allow the html tag, the cosserponding FBML for this is <fb:photo>

The FBML tags are also associated with attributes. Now, the above tag with attributes would look something like…

<fb:photo pid=”12345″ />

Now, the 12345 thing is the api of the image. This is when you’re adding an image from facebook itself. Lets say you have a pic in one of your albums that you want to showcase on your profile in a box.

You’ll need to check out the api of that image. For this, you just need to get the url of the image…

It would look something like…

facebook.com/photo.php?pid=39597&id=100000031343773

Now, the thing in red is the api of the image. I would then use this with the FBML tag to get…

<fb:photo pid=”39597″ />

which is the FBML tag for my image.

2. The FBML Music tag

This tag allows you to add any song to your profile…

Its the <fb:mp3> tag.

<fb:mp3 src=”http://www.site.com/filename.mp3″>

The tag with its basic attributes would look something like…

<fb:mp3 src=”http://www.site.com/filename.mp3″ title=”Name” artist=”Artist” album=”Album”/>

3. The FBML Video tag

This lets you add a video frm yutube into your facebook profile…

Simply use the <fb:swf> tag as defined below. The

<fb:swf  swfsrc=’http://www.youtube.com/v/xxxxxxxxxx‘ imgsrc=’http://img.youtube.com/vi/xxxxxxxxxx/2.jpg’ width=’340′ height=’270′ />

The thing in green is the video id on youtube. It looks something like this on youtube…

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

Hence, if i embed this video on facebook using FBML, it would look something like…

<fb:swf  swfsrc=’http://www.youtube.com/v/qrjyy_0SipU‘ imgsrc=’http://img.youtube.com/vi/qrjyy_0SipU/2.jpg’ width=’340′ height=’270′ />

But again, you need one of the apps here to do this. Enjoy!

Popularity: 52% [?]

It sounds really sad that you cannot use html in Facebook when you know so much of it, doesn’t it?

Well, nothing is impossible… You can always add boxes on your profile & use whatever code you want inside them.

Even though facebook does try to modify your html, but most of it comes out the way you want it to be… Other than animated gif’s & a few other execptions, you can do a lot with html for your facebook profile.

The first thing that you would need is an app that lets you enter html profile boxes & tabs.

Here is a list of just that…

Top 5 Apps to use HTML in your facebook profile

5.
My HTML

4.
HTML Profile Box

3.
My Info

2.
Profile HTML

1.

Profile Box

The top 2 are almost the same. Its just the name which gets Profile Box to the top of the list. These are really useful if you need 2 boxes on your profile. You can use both of them. The others are as good but it really depends on how you want to use them.

The catch here is that you cannot change the name of the box on your profile. I got two favorite bands. So i need two boxes. Hence, i used both Profile HTML & Profile Box.

Ok, now the second thing you might need is some basic knowledge of FBML(like HTML, it is the Facebook markup language). Check out my next post for more on FBML. Till then…Have fun with those cool apps!

And if you’re wondering how I got the music… thats exactly what FBML is for!

Popularity: 11% [?]