Total Followers 132,503
Customization will always make you stand out from the rest of the world, the same rule applies on Facebook as there are more than 400 million active users.By now you may be well aware of Facebook fan page which is used for promoting business online on Facebook. But just creating a simple fan page won’t help you get the fan following you want. With this article I will be sharing with you some of the most basic tips that you can implement right away & customize your fan page within few minutes, using some applications and codes.
An application which should be implemented by most of the fan-page owners. Static FBML is really simple to implement and can be used to do various modifications on Facebook Fan Page. FBML supports pure HTML & CSS.
We will use Static FBML to create customized Fan page for Facebook.
Now we will add some code that will transform your fan page completely.
Landing or Welcome Page is the first page you see when you visit a new fan page encouraging user to click on the Like button. Creating a Landing page really simple & I will share the step by step guide on how you can do it easily.
In previous step you have already installed the Static FBML application now you need to create a welcome page image that will encourage users to click on the like button. You can do it easily in Photoshop or any similar applications.
When creating the image “Do remember that image’s width should be of 520px” the height does not matter but it would be good if you keep it of appropriate length.
1.Create an image with width 520px & appropriate height in Photoshop or similar application.
2.Create a folder name FB at your server & upload the image in that folder.
3.Now Navigate to your fan page & click on Edit Page tab below the Fan Page’s Profile Image.
4.Locate your FBML application & click on Edit.
5.Now you will see a similar window like the image below.
6.Now add an appropriate title like Welcome or your blog name anything you prefer.
In FBML part just add the following code.
<img src =”http://yourwebsite.com/FB/imagename.jpg”>
If you want to add link to the image just add the following code
<a href=”http://yourwebsite.com”> src =”http://yourwebsite.com/FB/imagename.jpg”></a>
You can also use text after the image with some HTML tags like h1, h2,, etc as done in 1st Web designer Facebook fan page.
7.Once you are done click on save changes & now navigate to your Fan Page you will see a new tab with the title you have written, by clicking on that tab you will see your image in that page.
8.Now to set your new page as default landing page you need to click on the edit page tab as we have done in step 3 & locate wall settings then set your default landing page to new page.
You are all done with creating a new & improved version of your fan page. We will add some more code to fan page to make it more personalized so keep reading further.
If you use feedburner to manage your feeds you can easily add subscriber form to your fan page by getting the code under the Subscription management in your feedburner account.
Now navigate to your FBML application and then click on edit & then click on add another FBML box.
After adding the FBML box, enter title subscribe & paste the code from the feedburner into that box & now you are all done.
If you want that box to be appearing in the sidebar or the wall just click on the tab & select move to wall tab & then it will be appearing on your fan page’s wall. Similarly you can add contact form to the fan page as well.
Other Useful Articles About FBML
How to Add Google Analytics to Your Facebook Fan Page
7 FBML examples to rock your Facebook fan page
How to Put a Contact Form in a Facebook Fan Page
If you are not comfortable using FBML, then still you can customize your fan page using various applications. This application makes easier to share photos, Videos, Files, Twitter updates & lots of other stuff depending on your needs. There are large number of applications that will help you with your fan page. Below are some of the effective applications that will help you get your work done easily.
This is really useful application if you want to integrate live chat room to your fan-page. It is free application & allows users to create chat rooms & invite other friends to chat. It is great way to encourage users of the page to communicate with each other & increase the level of interactivity of the page.
If you sell products online then ShopTab is perfect application for you to showcase & sell you products through fan-page. ShopTab is premium application so you need to pay monthly charges.
Involver provides professional application for your Facbook Fanpage which you can install with a single click. The involver has large application gallery which has RSS Feed, Twitter, YouTube Channel, Photo Gallery & many more applications. With the free account you can install only two applications.
Tigerlily application is easy to implement & its has content management systems of its own which is easily controlled from fan-page. In Tigerlily CMS free version you can easily add different modules like text editor, video, image, twitter, RSS Feed, MP3 player, flickr & podcast.
With Poll Daddy application you can create polls which you can share it on your fan page to get feedbacks from the users & increase their participation on the fan page.
Hope you found the post useful & informative, If you have other useful applications or FBML tricks to share then feel free to mention them in comments.
Get The Only Freelancer crash course you will ever need to read!
Nikunj is a computer engineer by profession, mobile photographer by heart & quick learner of new things related to software & technology. Loves web designing & development. Visit His Blog Weby Life | Follow Him On Twitter
Tuesday, March 20th, 2012 10:29
Pretty nice collection, do you have any suggestion on how to automatically the like page in Facebook? Like will only be the option on the share page not the like in the content page
Saturday, March 17th, 2012 19:09
I have learnt a lot from this post. Thank you so very much for posting this onto here. Great blog! I must appreciate.
Get The Only Freelancer crash course you will ever need!
If not, then it's time to learn how to:
You can trust 1stWebDesigner to help you become a better web designer!
- Jacob Cass | Just Creative
Just enter your name and email below and click Get Updates!
Abhishek Bhardwaj
Tuesday, June 29th, 2010 00:43
Wow. great article! Really needed that..thanks ;)
C Rahk
Saturday, October 16th, 2010 19:53
I uploaded a photo to Photobucket that is 520 pixels by 1484 Pixels, added the FBML tab, added the code below and nothing happens. No error messages just a blank frame:
(lessthan symbol)img src =”http://i744.photobucket.com/albums/xx83/c_rahk/photo.jpg”>
Any suggestions? This will be great if I can get it to work. Thanks.
Mathew
Monday, October 18th, 2010 08:33
Please elaborate about the step of creating a folder of FB and upload your image. M not able to add my image and use that image.
Dave
Thursday, October 28th, 2010 16:25
Thanks for the great tips. I have been focusing on a twitter presence and have neglected the facebook fan page because I really did not think there was much that I could do with it.