Four Great Resources For Creating Custom Facebook Tabs With iFrames

You’re probably very sad to see Static FBML be laid to rest on March 11th – especially since you’ve just started getting the hang of HTML and FBML.

But don’t despair, nothing is wasted in the land of Facebook Custom Tabs.

Why iFrames is better than Static FBML

• First of all, the good news is that using iFrames for custom tabs means that you can now use any web technology (HTML, CSS, and JavaScript) that used to cause a gag-reflect in Facebook.
• This also means that you can use scripts like Google Analytics within a Facebook Tab.
• You also can swap out different Facebook Tabs simply by editing the Tab URL in the application settings.

How to get started with iFrames

If you’ve spent time learning how to use FBML and HTML to created custom Facebook Pages tabs, you’ve got a massive head-start.

For you, there are two excellent tutorials on creating iFrames application:

1. How to Make a Custom Facebook Page Tab With Iframes by Kim WoodbridgeKim is one of the most respected experts on creating custom Facebook Page Tabs.
2. How to Add an iFrame Application to your Facebook Fan Page by Tim Ware at HyperArtsTim is another super-smart developer who has a kick-ass example of his work over at the HyperArts Facebook Page.

What if coding gives you a migraine?

If the thought of dealing with HTML, iFrames, CSS and Javascript gives you an eyeball headache, consider these (not free) tools:

1. Lujure – A application that enables you to visually create a Facebook Page tab.
2. iFrameEngine – The makers of FanPageEngine have their answer to iFrames going live on 3/1/11.

What if I hate templates?

If you don’t like what you see over at Lujure or iFrameEngine, consider hiring either Kim or Tim to design a custom tab for you.

What iFrames resources can you share in the comments?