DailyBlogr - 20 Amazing Custom Facebook Page Designs - SEO News

Posted April 15, 201113 yr

http://feedads.g.doubleclick.net/~a/LA0TMsRKuf_BVsnLZoutzUmxosI/0/di</img><br/>http://feedads.g.doubleclick.net/~a/LA0TMsRKuf_BVsnLZoutzUmxosI/1/di</img>

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.

1. Porsche

http://dailybloggr.com/images/50-Amazing-Custom-Facebook-Page-Designs_6820/FireShot-capture-034---Porsche-I-Facebook---www_facebook_com_porsche_vapp_73697663718_porsche_sk.png

3. McDonalds

http://dailybloggr.com/images/50-Amazing-Custom-Facebook-Page-Designs_6820/FireShot-capture-036---McDonalds-I-Facebook---www_facebook_com_McDonalds_vapp_6009294086.png

5. Skittles

http://dailybloggr.com/images/50-Amazing-Custom-Facebook-Page-Designs_6820/FireShot-capture-038---Skittles---www_facebook_com_skittles.png

6. Blackberry

http://dailybloggr.com/images/50-Amazing-Custom-Facebook-Page-Designs_6820/FireShot-capture-039---BlackBerry---www_facebook_com_skittles_BlackBerry.png

7. Katy Perry

http://dailybloggr.com/images/50-Amazing-Custom-Facebook-Page-Designs_6820/FireShot-capture-040---Katy-Perry---www_facebook_com_Sony_vapp_6009294086_katyperry_skapp_178091.png

9. Dreamworks

http://dailybloggr.com/images/50-Amazing-Custom-Facebook-Page-Designs_6820/FireShot-capture-042---DreamWorks-Animation---www_facebook_com_DreamWorksAnimation_skapp_1268632.png

11. Kung Fu Panda

http://dailybloggr.com/images/50-Amazing-Custom-Facebook-Page-Designs_6820/FireShot-capture-044---Kung-Fu-Panda---www_facebook_com_DreamWorksAnimation_skapp_12686327734086.png

13. Subway

http://dailybloggr.com/images/50-Amazing-Custom-Facebook-Page-Designs_6820/FireShot-capture-046---Subway---www_facebook_com_Cranium_subway_skapp_10442206389.png

15. Microsoft

http://dailybloggr.com/images/50-Amazing-Custom-Facebook-Page-Designs_6820/FireShot-capture-048---Microsoft---www_facebook_com_Microsoft.png

16. Bing

http://dailybloggr.com/images/50-Amazing-Custom-Facebook-Page-Designs_6820/FireShot-capture-049---Bing---www_facebook_com_Microsoft_Bing_skapp_131344773561855.png

19. Tommy Hilfiger

http://dailybloggr.com/images/50-Amazing-Custom-Facebook-Page-Designs_6820/FireShot-capture-052---Tommy-Hilfiger---www_facebook_com_redmango_tommyhilfiger_skapp_1044220638.png

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.

http://dailybloggr.com/images/50-Amazing-Custom-Facebook-Page-Designs_6820/FireShot-capture-054---Create-Application---www_facebook_com_developers_createapp_php_app_id1613.png

Step 6 Select canvas type

http://dailybloggr.com/images/50-Amazing-Custom-Facebook-Page-Designs_6820/FireShot-capture-057---Edit-ManiKarthik---www_facebook_com_developers_editapp_php_app_id16133053.png

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 doesnt hinder the facebook experience but enhances the user experience in interactive ways.

Tips to create a good custom facebook page

Dont 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. </p>
http://dailybloggr.com/images/50-Amazing-Custom-Facebook-Page-Designs_6820/FireShot-capture-059---Chevrolet-Arabia---www_facebook_com_ChevroletArabia.png

http://dailybloggr.com/images/50-Amazing-Custom-Facebook-Page-Designs_6820/FireShot-capture-060---Bing---www_facebook_com_eBay_Bing.png

Wrong way to put iconsRight way to use icons
Try best to include a privacy policy and terms and conditions
Lets say youre a popular brand and youve 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 facebooks terms and conditions.
Dimensions
Make sure the width of page is not beyond 520 pixels or else the content wont 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.