[Video Tutorial] How to Fix Your Broken Static FBML Facebook Page Custom Tabs

As you may have heard, Facebook finally stopped supporting Static FBML in custom Page tabs.

What this means is that if you have any custom tabs that have used FBML code, they are probably broken.

This video will show you an example of a broken tab and how to fix it following these steps:

  1. Confirm that you are using the Static FBML app
  2. See if the content in the tab isn’t rendering correctly, which might be the case if you’ve used FBML tags.
  3. Copy your code from the Static FBML app on your Page.
  4. Paste it into a plain text edit program and address any issues related to FBML tags.
  5. Update any images that need to be resized to accommodate the new 810 pixel width for custom tabs (if you still have a Static FBML tab on your Page, chances are it was designed for the old 520 pixel width).
  6. Remove the Static FBML app from your Facebook Page
  7. Add the Static HTML iframe tabs app
  8. Add your updated code (sans FBML)
  9. Change your custom tab icon

It seems like a lot of work, but it’s pretty easy if you follow the video very carefully. If you get stuck, check out the Static HTML discussion forum.

Alternatively, you could always step things up with Shortstack who offer a lot of additional features that you might be looking to add to your Page in addition to simple custom tabs.


John Haydon