Our theory is, take control. Facebook is a beautiful, open thought forum of text, images and video expression, but it's important to be the gatekeeper.
By customizing your Facebook welcome page, you control that all important first impress. You decide where they should click, read, view next. That way you have the powerful Facebook functionality at your service, but still have someone driving your agenda bus.
Here are 20 amazing custom Facebook designs recently shared by the Daily Blogger.
Once it was the FBML app. There were limitations. And then facebook introduced iframes. Since then, custom facebook page designs have grown to a complete new level of unlimited possibilities. Flash, Ajax, jQuery – all that you can think of in design is now available on facebook pages. Here are some of the brilliantly designed facebook pages.
2. Coca Cola
7. Katy Perry
11. Kung Fu Panda
14. X Box
19. Tommy Hilfiger
How to design a custom facebook landing page in FBML / iframe ?
Step 1 – Got to Facebook Developers.
Step 2 – Click on “Create a new app” button.
Step 3 – Give in the app details in the fields asked.
For simple landing pages, you can skip it.
Step 5 – Enter site details.
Step 6 – Select canvas type
Select canvas type as “iFrame” and iFrame size as “Auto resize” (this is to avoid scroll bars to popup when the app goes beyond the specified length or height.)
Step 7 – Specify the page URL
Tab name : This is the tab name that appears on the left navigation bar on the facebook page.
The icon that appears next to it, can be changed in Step 1 (Website settings).
Step 8 – Designing the page
When designing the page, make sure the width is not more than 520 pixels, so that it fits the facebook page space. You can embed any media through the iframe, videos, flash, sound, html or just about any web element.
Those best facebook pages are the ones where the elements are designed in such a way that it doesn’t hinder the facebook experience but enhances the user experience in interactive ways.
Tips to create a good custom facebook page
- Don’t forget to add an icon and logo to the application so that the default icon does not show up in your navigation area (see screenshot.). This makes your page look un-professional. You could use many of those free icon sets available, that will fit very well with the rest of facebook icons.
Wrong way to put icons Right way to use icons
Lets say you’re a popular brand and you’ve data fetching elements like email forms etc on your page. In such cases, its safe to add privacy policies to your page so that it aligns itself to facebook’s terms and conditions.
Make sure the width of page is not beyond 520 pixels or else the content won’t show up properly on facebook page.
- Switch off scrollbars
In the canvas app settings page, make sure you switch off enabling scroll bars or else if the content goes beyond the specified length, it would get truncated with scroll bars.
- Content on facebook page
Try to make the content on page minimal unless absolutely necessary. Facebook users get triggered by content that are similar to that are being shared on facebook, hence too much text and lot of action points might confuse users.