I’ve seen it TONS of time. Like here on the Vitalicious Fan page…
and here on the Laughing Cow one…
But I never really gave much thought to HOW they did it. I always assumed it required some crazy facebook developement guru who understood some crazy API or something. But alas adding a tab to your facebook fan page is seriously a CINCH! I recently made one for the launch of my new GreenLiteBites book!
Adding a Tab to your Facebook Page
Adding the tab literally takes seconds.
Click Edit Page on your Facebook fan page
On the bottom of the page you should see the Static FBML app…
If you don’t, simply search for FBML by clicking Browse more applications.
Click Add App
It may seem like nothing happened but it did! The page does not refresh for some reason.
Now click Go to App
It will take you to this simple edit screen.
Whatever you enter in the "Box Title" will be the text on the tab itself. The large FBML field is reserved for the content of the field.
Now all you need to do is simply enter HTML/CSS to design the page. Here’s the code for my "Buy the Book" page…
As you can see I start with some basic CSS styles just as I would in an HTML doc. If you are uncomfortable with HTML/CSS you could simply use a WYSIWYG editor like Dreamweaver and copy/paste the code.
Setting the Default Tab
Making the new tab for my Facebook Fan page the easy part. The thing I found confusing–for some reason–was making it the default tab–the tab that is seen first.
To make your new tab the first thing seen on your fan page simple go to settings on your wall and select the new tab under the "Default Landing Tab for Everyone Else" tab.
You will still your wall when logged into facebook but if you logout and visit your fan page you’ll see that the new tab is indeed the first thing seen just like mine…
I hope that helps those wanted to spruce up their fan pages. I find Facebook a fun easy way to publicize my blogs, especially for the non-twitter crowd.
Let me know if you have any questions!