Please support us by disabling ad blocker for smarttutorials.net ...

How to add custom tab in Facebook Timeline Page……..

Posted by & filed under FACEBOOK, PHP.

Most of us using facebook for chatting, sharing photos and videos with friends, If you are programmer your really thought of developing application on facebook. 

 Here is the simple ways to develop facebook application using heroku cloud Integration.

Step 1: To develop Facebook app go through following url
then login into the facebook


Step 2: Then click On Build apps on facebook link on the page like in the above picture.
Then click on the apps tab in the top navigation bar to go apps creation page.


Step 3: Now click on create new app button in the right top of the page like one shown in the below picture.


Step 4: Enter valid app name, app namespace and check the check box if you want to use free heroku cloud hosting. (please check the check box to use heroku cloud hoisting to host facebook app files, because facebook doesn’t support normal http). Then click continue to proceed.

how to add custom tab to facebook timeline page
 Then heroku cloud hoisting will ask your confirmation to create an account, so click on create button to proceed.

You have successfully created your first facebook tab application. Now you can configure tab app settings for facebook timeline fan page.

Step 5: check below picture to change apps settings like your app icon and your domain name etc.
Step 6: Now expand page tab in the bottom of the page.

note: If you checked heroku cloud hoisting by default page tab URL and secure tab URL will assign automatically

 Step 7: Fill the following details in the required field on the page tab option.
Page tab name
Enter your page name ex. happy
Page tab URL
http://strong-fog-9919.herokuapp.com/
Secure page tab URL
https://strong-fog-9919.herokuapp.com/
Page Tab edit URL
https://strong-fog-9919.herokuapp.com/happy
Page tab image
Select your tab image to appear on your tab
Page Tab width
Select 810px wide

Step 8: Click the save changes button. You have created the tab app successfully. Now follow steps to add custom tab to your facebook page.

Step 9: Now copy your API key (APP ID) and app secret code from the top of the page.

Step10: Put your APP ID and app secret code in the following URL

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

Step 11: now click on Add page tab button to add your custom tab your pages. Refer below picture.


Here you need to select your page then press add page tab button to add tab to your page.

Step 12: Now go to facebook page where you will find your newly added custom tab.

 Now click on the custom tab it will goes to new facebook landing page (that’s default facebook page design). 


You can customize your landing page design like one shown in the below URL

http://www.facebook.com/cultivatinghappiness/app_219800234790851

 

 

 

Please refer my next tutorial on “how to design your custom facebook timeline landing page”.




QBZB99NKVZQ7 

.

Download Premium Only Scripts & 80+ Demo scripts Instantly at just 1.95 USD per month + 10% discount to all Exclusive Scripts

If you want any of my script need to be customized according to your business requirement,

Please feel free to contact me [at] muni[at]smarttutorials.net

Note: But it will be charged based on your customization requirement

Get Updates, Scripts & Other Useful Resources to your Email

Join 10,000+ Happy Subscribers on feedburner. Click to Subscribe (We don't send spam)
Every Email Subsciber could have access to download 100+ demo scripts & all future scripts.

  • I realise this is off topic but while your blog looks nice it would be far better if you’ll be able to use lighter colors too in the design. This will encourage a lot more readers come to check it out more often!

Get Instant Script Download Access!