How to add Facebook Like/Fan Box to Blogger Blog?

A Facebook Fan Box or   Like  Box is a great plugin that allows blog visitors to subscribe to your blog updates via their Facebook accounts, without leaving your blog. After subscribing (by pressing like button) , visitors will receive your most recent blog updates on their Facebook page.
This box also displays faces of the "likers" on your blog. Before creating a fan box you should already have a facebook fan page. If you haven't yet created, Create a page first.

Add Facebook Like Box to Blogger

1. Find out your Facebook fan page User Name/URL by visiting your Facebook fan page and copy the url in the address bar;

2. Then visit this page: http://developers.facebook.com/docs/reference/plugins/like-box

3. Paste your url into the Facebook Page URL field as it is shown below:

4. Once you are satisfied with the looks of the Like Box, click on the "Get Code" button

5. You'll be given two codes, titled HTML 5, XFBML and IFRAME. You only need the IFRAME code.
Select it and copy the code generated for your box as it is shown in the example below:

6. Then go to your Blogger Dashboard >> Design >> Page Elements >> click on the Add a Gadget link >> select HTML/JavaScript and paste the code in the HTML box.

7. Click   Save   and you're done.