Add FaceBook Fan/Like Box to Blogger

How to Add FaceBook Fan/Like Box to Blogger

Facebook Pages are a great way to promote blogs, websites or other businesses. It helps us to share updates about our blogs to the interested facebook users who join or become a fan or 'Like' our facebook page. Facebook pages are nothing but a community for your blog and 'Liking' means nothing but joining the community by the user!


This post helps you to add a Like Box widget of your facebook page to your Blogger blog. It will help the readers to become a fan or 'Like' your blog right from your blog thereby gaining more 'fans' for your blog! If you haven't created a facebook page yet, you can do it from here.

Adding Like Box to Blogger:

1. Go to FaceBook Plugins page HERE.
   
2. Fill your Facebook Page ID and customize the widget properties.
   
   
   How to get your Facebook Page ID:
   
   You can find your Facebook Page ID by either of the following ways:
   
   • Just refer your FaceBook Page URL.
     Example: http://www.facebook.com/pages/TipsBloggerCom/173372949519
     
     OR
   • From your Facebook Page, just hover your cursor over the Page LOGO towards top left(see the example screenshot below). You will see the image URL in the status bar of the browser.
     Example: http://www.facebook.com/album.php?profile=1&id;=173372949519
3. After customizing the widget, click Get Code. Then copy the iframe widget code as shown below:
   
   
4. Now go to Blogger Dashboard - Layout - Add a Gadget - HTML/Javascript - then paste that widget iframe code and Save.
   Note: If the widget is not showing up in the blog, you need to make a slight alteration in the widget code. Just replace profile_id= with id=