Basic FBML for Everyone
In this post, we will discuss basic FBML that everyone can use for their Facebook profiles/pages. 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…
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.
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…
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!