We discussed how to create a Facebook page for business before.  As you know Facebook has been changing the interface as well as the processes for developers. This is really a bit tiring for Facebook developers in the past few years.

Cover photo and Profile Picture

A few months ago in this year (year 2012), Facebook page has changed the design or interface again, with more emphasis on the timeline design and controlling posts on the page. Luckily enough, the procedures of creating a Facebook page is same as before. The other major difference in customizing the Facebook is mainly:

  • Cover photo
  • Profile picture

The new design of Facebook Pages is shown in the diagram below:

Cover Image of Facebook Page

Best Size: 851 x 315 pixels

The best size of Cover Image of Facebook Page is 851 x 315 pixels in order to fit well. This super large cover image occupy most the screen of my 14″ monitor. Therefore this is no good to people still using 14″ monitor or 15″ monitor. owever this large picture allow more room to show the identity of the page.

Profile Picture of Facebook Page

Best Size: 180 x 180 pixels

The best size of Profile Picture of Facebook Page is 180 x 180 pixels. This is the picture that is using as the identity or profile of the Facebook page. Therefore find a picture that can represent the theme of your Facebook page.

New Design of iframe Tabs for Facebook Pages

The design of iframe Tabs for Facebook Pages has been changed again. Therefore you have to modify the settings otherwise your Facebook iframe tab may not be looking as you expected. The following is the major changes of iFrame tab for Facebook Pages.

Landing Page of Facebook Pages

The Facebook business page will now be the landing page by default. Therefore you have to set the Facebook App as landing page if required.

Take the Facebook MoneyBusters Page that we created before as an example:

http://www.Facebook.com/MoneyBusters

The above link used the iframe contents as the landing page for a long time before. However it will now take to the normal business page only, as shown in the picture below:

How can visitors navigate to the iframe contents?

Please read on…

Default Tabs of Facebook Pages

The default tabs of a Facebook Page are now Photos, Apps and Likes, as shown below:

In other words, your iframe tab (Facebook Apps) will be added to the Facebook Tab. Therefore your visitors can navigate to the iframe contents by clicking on the Facebook Apps.

The iframe contents is shown as below as before except it has a wider canvas. A wider canvas allows more room for design which is a good news for Facebook developers.

Visitors can navigate back to the Facebook business page easily by clicking on the button on the top as shown in the diagram above.

Facebook Page Tab Image

Since the Facebook Page Tab Image is used to connect to the iFrame contents, this is better to use a more attractive image. For best result and without distortion, the best size of Facebook Page Tab Image: 112 x 75 pixels.

Best size of Facebook Page Tab Image: 112 x 75 pixels

Setting Landing Page of iFrame Business Page

If you wish to use the iFrame contents as the landing page, use the URL of the Facebook Apps, for example:

http://www.facebook.com/MoneyBusters/app_101233479991914

This will take your visitors to the iFrame contents of the Facebook Pages.

Adding or Installing an App to a Facebook Business Page

After creating a Facebook App, you need to add this App to a Facebook page so that it can be seen in the Tab. Here’s the current procedures of adding (or install) a Facebook App to a page:

Step 1: Access the following link.

https://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&next=YOUR_TAB_URL

where YOUR_APP_ID and YOUR_URL are indicated in the diagram below.

Step 2: The “Add Page Tab” screen will appear.

Step 3: Select the Page the Facebook App will be installed or added.

Step 4: The Facebook App can be found in the Page after the installation, as shown in the diagram below.

Step 5: The default Facebook App image is a bit dull. Upload a more attractive image for the Facebook Tab of the App.

Step 6: Choose the width of Page Tab of the Facebook App.

Default width: 520 pixels
Maximum width: 810 pixels

A wider width of the Page Tab allow more room for the contents. Most Facebook App developer like the 810 pixels for the Page Tab. The difference is shown in the diagram below:

This is the end of adding or installing a Facebook App to a Page.

Facebook Page Upload Pictures and Layout Summary

We talked about the new timeline design of Facebook Pages in previous tutorials. Some visitors feel a bit confused after reading the Facebook tutorials. Okay! Let’s make a summary of the upload pictures and layout of Facebook pages. Therefore we can prepare the pictures much easier when preparing a new Facebook Page.

Facebook Pages Landing Screen

Size of Upload Images Summary:

Cover Image: 851 x 315 pixels
Profile Picture: 180 x 180 pixels
App Tab Image: 112 x 75 pixels

Facebook App Tab Content Layout

Facebook App Tab Contents Area Layout Summary:

520 width x 800 height pixels (Default), or
810 width x 800 height pixels (Maximum)

Hopes that the above information helps everybody to prepare a Facebook Page much easier and quicker.