My most popular article, by far, is How to Add a Custom Tab to a Facebook Fan Page. And one of the questions related to that article that I get asked the most frequently is, “how do I add content to the custom tab?”
The short answer is in order to add content to a custom tab created with FBML, you have to use HTML. If you don’t know any HTML, there isn’t much you can do with the tab.
HTML isn’t something that I teach so I often refer people to the HTML guide at w3schools. Of course, learning HTML just to make a custom tab for Facebook may be more than people want to do.
The simplest thing to do is make an image that links back to your website. Make sure that it isn’t more that 520px wide because of Facebook’s size limitations. And you have to host the image on your web server or an image hosting service – it can’t be uploaded to Facebook. Then you only need two bits of HTML; the code for an image and the code for a link.
image code: <img src=”http://yourdomain.com/image.jpg” />
link code: <a href=”http://yourdomain.com”>image</a>
Put it together:
<a href=”http://yourdomain.com”><img src=”http://yourdomain.com/image.jpg” /></a>
If you want to keep the link from putting an ugly border around your image, add border=”0″ to the image code.
<img src=”http://yourdomain.com/image.jpg” border=”0″ />
This is the easiest way to add content to your Facebook tab without knowing HTML. You can make a fancier layout with additional code but this should be enough to get most people started. And if you really want to learn HTML, the guide I linked to a the beginning of the article should help. Another useful technique is to view the source code of any web page you are viewing. (that’s how I first learned waaaaay back ;-) In Firefox you can do this by going to View > Source.
If you would like to hire me to assist with your custom Facebook tab, please use my contact form.