As many of you already know there are huge changing going on with Facebook. Rather recently though they began changing the whole Fanpage layout scheme. Sadly for us this means less screen real estate. This translates to: we have even less horizontal space to place our content. Fear not, here are some quick tips and updates.

First and foremost here is a quick list of the changes to Fanpages:

• Shrunk horizontal space (Again)
• Removed Tabs
• Added Links/menu items (these replace tabs)
• Cleaner design and layout:
  • Left menu is super clean and well designed
  • There is now a NEW RIGHT sidebar for social things and for Facebook to place more ads on.

There are a few other changes, but that’s not important for this article. :)

Read the rest of this entry

Working with FBML CSS can be tricky at times, so I’m here to show you all the ways you can successfully add CSS into your FBML code. Be warned though, there are a few ways and each way has it’s ups and downs. The usual down part of each set of CSS code is that if you create some complex CSS structure you’ll have it ‘hack’ it to work with Internet Explorer (any version). So that’s kind of a drag.

But lets get started with. We’ll cover these topics:

• Inline CSS
• External files
• Using inpage <style type=”text/css”> tag
• Caution of using the inpage method.
• Resource list for CSS (independent of FBML and Facebook)

Note: This isn’t a “how to program in CSS” guide. This is how to incorporate it with your Static FBML code and the like. So come knowledge of CSS/HTML is required.

Read the rest of this entry