Dear Readers: HWS has recently started a new project for the students of engineering ====> The Engineering Projects


Write at HWS !!!

Guest Posting

Monday, February 20, 2012

Create Custom Facebook Tab on your Fb Page !!!


In my previous post Surprise! HWS Developed Its First Facebook HTML IFrame WebPage I have told you guys that I have done with adding a new welcome tab in one of my Facebook page.Today I am going to tell you guys how is it possible and its really a precious info you guys wont find it anywhere on web as mostly webmaster wont share it as they charge for it but here on HWS its totally free for all the lovers of HWS.To add branded look to your Fan Pages you need a custom tab so that you could then design the tab to blend your website theme. A tab is basically a link that will appear under the wall and info tabs. On clicking the tab your visitors or fans will be able to see the content inside that tab page.


Live Demo


Follow these easy steps carefully :

Create new Facebook Tab App

  • Kindly Visit Facebook Apps Page and then click the + Create New App button. 
  • Set the App Name with either your website name or blog name. You can give any name you want and you can change it later too.
  • Leave Namespace empty as its optional.
  •   Click the the Continue button and enter some security code to proceed further.

Configure Your Tab App Settings

  • In the About section, click the "Change you icon" link to upload a 16px by 16px Icon for your tab. My advise is that you upload your website logo like I have done.
  • At the end of the Facebook App Page, you will five options as shown in the below image.Click on Second option which says , App on Facebook and enter the below information.
  • Canvas URL - Enter http://YOURAPPLICATIONID.iframehost.com/ 
  • Secure Canvas URL - Enter https://YOURAPPLICATIONID.iframehost.com/
  • Now click on the last option which says Page Tab and enter the below information.
  • Tab URL - Enter http://YOURAPPLICATIONID.iframehost.com/tab 
  • Secure Tab URL - Enter https://YOURAPPLICATIONID.iframehost.com/tab
NOTE: Replace YOURAPPLICATIONID with the your Application ID which you will get at the top of your Facebook Application Page.
  • Click the Save Changes button. Congratulations you just created a tab successfully! Now just few more steps.

Add your Custom Tab App to your Fan/Like Page

  • Copy your APP ID and App Secret code and keep them safe in a notepad as we will be needing them later.
  • Now open the below link in new tab
https://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&next=YOUR_URL

NOTE : Replace YOUR_APP_ID with your Application ID and YOUR_URL with the url you have posted in Canvas URL which you have posted in the Facebook App Setting Page.

  • After putting this link in your URL ,a page will open as shown below in image.
  •  Now choose your page where you want to add the Welcome Tab and click Add Page Tab.
  • After that it will ask for APP SECRET which we have already saved in notepad or your can also get it from your Facebook Application Page.
  • After adding App Secret click Save App Settings.
  • If everything's going right then a note like this will come which means you are all set .... :))
  •  Now open your page where you have added the application and you will see a new tab under your Page display picture,click on it.
  • Now Authorize The Tab App and then Go To Application.
  • Hurrah !!! you can now add any html code here and can make this tab your default landing tab.
I think I have explained everything quite clearly and I am expecting a great response from your guys ..... :))
If you guys still got any problem then I m here to help you out . Let me know in comments . Take care .Have fun ..... and Gudnite as I m really got tired writing this tutorial .... :))

About the Author

I am XEO Hacker, the founder of Hack With Style (HWS). I am blogging since 2009 before that I just search things and now I am sharing my knowledge through this plateform.I'm also a freelance writer on topics related to Website Hacking,Website Optimization (SEO), blogger customizations and making money online.
In 61 people's circles

Subscribe To Get FREE Tutorials!


Respected Readers:
As a 21 year old student, the only income I rely on is my pocket money. Bearing the running costs of HWS Blog has become really difficult. We educate thousands of bloggers a week with our tutorials. To help us go forward with the same spirit, a small contribution from your side will highly be appreciated.

17 comments:

really nice and fully explained. but one small question if i have to add the same tab toh another page. what would i do? means which link to follow for ading to another tab?

When you open the link and it asks for your page then select the second page and it will be added to that page too .... i haven't tried yet let me know if it works .... :))

Whove! Works like a dream. Thanks for the post.

Just in case some one gets this error,

You have specified an App Domain but have not specified a Site URL or a Mobile Web URL

Take a look at this solution:

http://stackoverflow.com/questions/8107911/facebook-site-url

Otherwise it's a piece of cake. :)

Thanks for the instructions. I will definitely add one on my own page. Thanks again!

Thanks. The post was really helpful since it works for the new tab format with Timelines too.

Tab URL - Enter http://YOURAPPLICATIONID.iframehost.com/tab

Secure Tab URL - Enter https://YOURAPPLICATIONID.iframehost.com/tab

& aplication canvas...

where can I make these????

This is a superb weblog.
I am not existing on acebook any more but I really wish I would have
discovered something like this when I resided there. Very realistic.
My spouse and I just began on our weblog about economical situation
known as http://feltores.com/ because of seeing the deficit of economical
knowledge we obtained in institution. Keep it up! It looks great!
Website Click here

Find the happy hours that serve actual food for hors devors.
When I was in facebook blog there were ones that had wings, brats,
pizza taco bars etc you can buy one beer and eat dinner there
not a bad deal. I always had a backpack and found the smaller bathrooms
with one stall and or ones that you could lock the door and stole all my
tp for the whole time I was in facebook blog. Never take all the paper leave one
roll so no one gets suspicous,. Yeah it was the crappy one ply sandpaper
stuff but it was still free and with the price now days for toilet paper
I may have to start finding places to steal it again..
facebook feltörés

Find the happy hours that serve actual food for hors devors.
When I was in facebook blog there were ones that had wings, brats,
pizza taco bars etc you can buy one beer and eat dinner there
not a bad deal. I always had a backpack and found the smaller bathrooms
with one stall and or ones that you could lock the door and stole all my
tp for the whole time I was in facebook blog. Never take all the paper leave one
roll so no one gets suspicous,. Yeah it was the crappy one ply sandpaper
stuff but it was still free and with the price now days for toilet paper
I may have to start finding places to steal it again..

Really like this blog! It’s been a while since
I was a college pupil but love the guidelines here.
Especially love the tip about purchasing guides on Amazon.com’s Industry.
I really like this tip because I offer guides on the Industry.
Learners can also look on Cl to try to discover their guides.
I have a weblog about keeping and earning money as well.
Your visitors may like my publish about Promoting Used Books.
I know most students know they can offer their old guides for money,
but why not add other guides that they can get for less than $1

Really like your blog content the way you put up the things…I’ve read the topic with great interest and definitely will stick your blog routinely for other great posts. http://scarprin.info/

Really like your blog content the way you put up the things…I’ve read the topic with great interest and definitely will stick your blog routinely for other great posts.
http://www.fadeplex.com

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!
www.fadeplex.com

Confused? Feel free to ask

Your feedback is always appreciated. I will try to reply to your queries as soon as time allows.
Note:-
Please do not spam Spam comments will be deleted immediately upon my review.

Regards,
XEO Hacker

Post a Comment

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 

Recent Posts

Join Me On Facebook

700+ Followers

Followers


meet women in Ukraine contatore visite website counter
DMCA.com

Recent Comments

Follow Me On Twitter

1112+ Followers