This will be a very simple yet elegant tutorial on how to create an awesome tab for your Facebook Page to welcome your fans. This is going to be the first thing a non-fan will see so make it count. Pages are coming with all sorts of crazy creative tabs to impress people enough to click on that magical Like button. This is one of three tutorials, here I will explain adding a simple single image welcome tab to your fanpage.
Take your favorite image editor (cough*Photoshop*cough) and create a kick-ass image for your lovely users to see, it can be as long as you want it to be (no pun intended) but the width HAS to be within 500 pixels. Some people suggest 530 px but to be on the safe side keep it within 500. Consult the awesome image below:
Once your uber-awesome image is ready, it’s time for some coding (not really).
Open up Facebook.com and search for FBML in the search box, the one you’re looking for is this one:
Click on Static FBML and add it to your page by clicking on “Add To My Page” as shown below:
Add this to the page you prefer and open up your page on Facebook, click on “Edit Page” and go to Apps on the left hand side:
In the Apps tab, go down to Static FBML and click on “Go To App” and you’ll see a panel similar to the one below, add your welcome page title in “Box Title” and a code to show the image:
The code you are going to add is the following:
<center><img src=”IMAGE URL HERE” width=”500″></center>
Replace “IMAGE URL HERE” with a valid link to your image hosted elsewhere.
Now we want anyone who visits your page for the first time and hasn’t liked it yet to see this tab first, for that to work we need to set a new landing tab. Go back to Edit Page and open the “Manage Permissions” tab, in the “Default Landing Tab” select your newly created tab:
And that’s all there is to it! Your fresh new welcome tab is ready to be seen by your fans and non fans alike. There is an alternate to this method which uses two images to display, one for the people who have already liked you and one for the non-fans. I will write another tutorial on it soon. Do leave your comments below. Thank you for reading.
Stay tuned to TechDeville for everything Tech! Follow us on Twitter (@TechDeville), add us to your Google+ circles and like us on Facebook.
Incoming search terms:
- add tab to facebook page
- Welcome tab on facebook fan page
- welcome tab facebook
- welcome facebook page
- tutorial facebook app tab
- static fbml app 2012
- simple welcome like us Facebook
- page tab facebook 2012
- how to upgrade facebook page
- how to remove welcome tab in facebook