Facebook Reveal Tab Tutorial
Since Facebook has deprecated XFBML, there are several features that are not working with the old FBML code. There is one very common feature/technique used among Fan Pages that is Reveal Tab. In this technique you show different screen to Non-Fans and different screen to Fans. In the FBML days you could have done with few lines of FBML code, but now that is not the case.
In this video tutorial I’ll teach you to develop a complete Reveal Fan page Tab. You will learn:
- How to setup Facebook Application
- How to call Facebook PHP SDK in your pages
- How to get Facebook Signed Request
- How to utilize Signed Request data
- How to deal with unnecessary scroll bar
Source Code & Demo
Videos
Last Words
Facebook API changes very rapidly. If you want a tutorial on some specific issue that is happening due to change in API please let me know.
Your questions and comments are welcome. If you like this article, please share it on your favorite website. It may help someone somewhere!
wow keep up the good work dude! love ur voice
What IDE are you using in these tutorials?
I used Dreamweaver CS 5.
Thanks a lot dude
shared.
Great tutorial! I have been looking for one this good for a long time.
How could we use html files instead of images in the reveal tab?
Thanks!
You can use any HTML tag in place of![]()
tag. If you already have your HTML files developed, you can copy and paste the code in tab.php file.
Great stuff, you helepd me out so much!
[...] http://www.techmug.com/facebook-reveal-tab-tutorial/ Create fan page. Put like request make tabs for promotions, Facebook fan page tutorials for free.. [...]
Here is a very good example of Facebook Mashup with fans-only iFrames Page Tab Reveal.
hi
i dont know why , have copy the source file on my ftp for my appli, put my id and secret , but i dont work ? did fb change something or ?
++
http://apps.facebook.com/home-test-sony/
good day sir : ) maybe i’m too late .. i was able to watch video no 1 till the end. however, when i tried to watch the second, it stalled less than 20 seconds from the beginning. i tried refreshing my page several times and even bookmarked the page and close the browser and tried it again but the problem still exist. i did this for three days thinking that it must have been my connection but it was stalling.
i also tried watching videos 3 and 4 but they also share the same problem. i tried clicking on your name and it brought me to a new site (screenr.com) with the videos in it but its the same problem.
could you kindly repair the videos so i can learn from it too?
Videos are played nicely here and for other people. You might give them a try on some other connection.
Please provide some more details. What error you see? or what actually going wrong?
Do you have a Facebook page or Twitter? Would love to follow you there, I’m on my iPhone and love reading your stuff!
http://twitter.com/techmug
http://www.facebook.com/techmug
http://www.techmug.com/feed
[...] Ream More Follow On Techmug Posted in: API, Facebook, Featured, PHP, Social Media, Tutorials Tags: Facebook, Facebook Reveal Tab, Featured, Graph API, PHP, Reveal, Tab, Tutorial [...]
Downloaded Source Code And Going To Read It
Osho @ Latest Tips And Tricks recently posted..Recently Added CommentLuv Plugin To Blog (DoFollow)
[...] Create facebook fan page [...]
This was very helpful, thanks!
woww dude Thank you very much for sharing your info with us love you :*
Usman Malik recently posted..See My New Trick =D Fan Page Has No Name
Great tutorial! Thanks!
Thanks for your comment
Pleasure Malik
Thanks a lot for sharing this with all people you really know what you are speaking approximately! Bookmarked. Kindly additionally visit my web site =). We will have a link alternate contract among us
advertising facebook recently posted..1
Hello,
first thanks for sharing
this is maybe the tenth tutorial for reveal-tab I use, I’m pretty sure that I did it well… and ever ever I got a blank page.
- the FB app is ok. If i use a basic index.php it works well on my fan page, but If i use the $data = $facebook->getSignedRequest(); then i got nothing… the frame source in FB is tab.php but empty.
- My server is PHP 5.1.6
- all the files are hosted, I even tried with the last facebook php sdk (25jan)
after-like.jpg
before-like.jpg
facebook/fb/
/fb_ca_chain_bundle.crt>
/facebook.php>
/base_facebook.php>
tab.php
It’s been 2 days and I become crazy, is there a bug or something that has changed???
thanks for helping me!
updating…
I tried on local and it works… it seems i don’t have Json ext. on my server…
I have recently started with Facebook app development and this was quite a help even though alot has changed. They are now providing heroku to host your applications free and having a facebook app associated with your website or blog does wonders.
Suroor recently posted..HTC Desire X officially announced at IFA