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

There are many ‘sytles’ for FBML. A style nothing special; it’s not some secret template, code or magic plugin. A FBML Style is nothing more the CSS styling. CSS Stands for Cascading Style Sheets and is the basis for 99% of all design on the internet.

Practically every single you visit will have some form of CSS on it. CSS is the stuff that looks like:

body {

background: white;

padding: 5px;

}

And stuff like that. What’s great is that you can add styling to your FBML code! The bad news is that not all of it works exactly like you would like and, as usual, Internet Explorer (all versions) have problems with it. Fixing it for Internet Explorer is another article which I’ll eventually write on PiotrKrzyzek.com.

Today I want to tell you how to add CSS to your FBML tab and some basics for using it.

This article isn’t about advanced styling or a full blown tutorial. It’s a starter guide. More on advanced FBML styles in a later post.

Read the rest of this entry

Facebook’s App Static FBML is pure awesome sauce. With it you can add pure html to a custom named tab. Also you are able to make the tab the first thing they view when they click on your fan page! How cool is that?

Adding such a tab is easy at adding the Static FBML application, editing it, and then adding it as a tab. In the video, I said I’ll show you how to make it the first thing anyone views on your page … but I messed that up and couldn’t find it in the heat of the moment. Right below the video I added the steps on how to make the page the first thing viewers see!

In the video I talk about:

• Adding FBML to your page
• Editing FBML
• Adding your Aweber optin code
• Quick html things in static FBML

Enjoy the video introduction to Static FBML!

To set the Static FBML tab as the primary tab, follow these quick steps:

1. Click over to “Edit Page”, thus you’ll be at your pages settings.
2. Under “Wall Settings”, the 2nd option from the top, click “Edit”.
3. Change “Default Landing Tab for Everyone Else:” to your Static FBML’s tab name.
4. In the case of the video example, I would select “Sign Me Up!”.
5. Check your fan page from another account which is not a fan of the page.

Enjoy! If you have any comments or questions feel free to ask!