Socialbrite https://www.socialbrite.org Social media for nonprofits Sun, 29 Jan 2023 16:30:29 +0000 en-US hourly 1 https://www.socialbrite.org/wp-content/uploads/2019/07/cropped-favicon-socialbrite-32x32.jpg Socialbrite https://www.socialbrite.org 32 32 4 resources to create custom Facebook tabs with iFrames https://www.socialbrite.org/2011/02/28/4-resources-to-create-custom-facebook-tabs-with-iframes/ https://www.socialbrite.org/2011/02/28/4-resources-to-create-custom-facebook-tabs-with-iframes/#comments Mon, 28 Feb 2011 16:10:30 +0000 http://www.socialbrite.org/?p=11235 You’re probably very sad to see Static FBML be laid to rest on March 11 – especially since you’ve just started getting the hang of HTML and FBML (Facebook Markup Language). 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 […]

The post 4 resources to create custom Facebook tabs with iFrames appeared first on Socialbrite.

]]> John HaydonYou’re probably very sad to see Static FBML be laid to rest on March 11 – especially since you’ve just started getting the hang of HTML and FBML (Facebook Markup Language).

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-reflex 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 applications:

  1. How to Make a Custom Facebook Page Tab With Iframes by Kim Woodbridge. Kim is one of the most respected experts on creating custom Facebook Page Tabs.
    2.  
  2. How to Add an iFrame Application to your Facebook Fan Page by Tim Ware at HyperArts. Tim 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.  
  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?


Creative Commons Attribution-NonCommercial 3.0 UnportedThis work is licensed under a Creative Commons Attribution-NonCommercial 3.0 Unported.

The post 4 resources to create custom Facebook tabs with iFrames appeared first on Socialbrite.

]]> https://www.socialbrite.org/2011/02/28/4-resources-to-create-custom-facebook-tabs-with-iframes/feed/ 10