Home  »     »     »     »  How to create Facebook Like Box Widget

How to create Facebook Like Box Widget

Monday, November 21, 2011


Facebook Like Box

This post deals with how to Promote your facebook Page on your website
Add a Facebook Like Box to your site and give people an easy way to discover and follow this Page.

Step1 : Login to your facebook account

Step2 : Create Your Face book fan page , Read How to create a face book page

Step3 : On Your Facebook fan page, Click on the "Get Stated" tab on left side of the page.

Step4: on "Get Started" Page move to "Promote this Page on your website" Option and click on "Add Like Box" button    and you will go tothe following page
url : http://developers.facebook.com/docs/reference/plugins/like-box/

Step5: Customize your Like Box

In the Like box Setup page:
Enter your face book page URL
Specify the Width and height of the widget
Enter Color scheme and border color
If you want to show the faces of those who "liked" your page, then check "Show Faces" option
If you want to show the posts in your fan pages in the Like Boc then check the "Show Stream" option

After all the above click the "Get Code" button.

Step 6: This step will show you the code that you have to put in your websites. There will be 3 version of codes     HTML5 , XFBML and IFRAME. Usually I use the IFRAME option.

Select the desired option and copy the respective code.

Step 7: Paste the code in your websites side bar or where ever you like to view the facebook like box.



This is how Face book like box looks like



















Now You have successfully completed your Facebook Like box installation. Enjoy Liking :)

How to create Facebook Pages




How to link to this page?
If you wish to link to this page from your website, simply Copy and paste the above HTML code to your web page. It will appear on your page as:
How to create Facebook Like Box Widget.




Share this!




comments powered by Disqus

This Weeks 7 Popular Posts


Subscribe to Recent Posts by Email
Stay connected to CROZOOM with regular Email notices of new Techie articles and IT Jobs. Updates will be delivered to your Inbox as soon as they are posted online.

Enter Your Email Address:  

Delivered by FeedBurner   RSS Feed

Search this Blog   



Urgent Openings for PHP trainees, Andriod / IOS developers and PHP developers in Kochi Trivandrum Calicut and Bangalore. Please Send Your updated resumes to recruit.vo@gmail.com   Read more »