Here is a tutorial on adding a Facebook Like box (formerly a Fan box) to Blogger/blogspot. It’s a good way to promote your Facebook page. A Like box lets your readers:
- See how many users already Liked your page.
- Like your Facebook page with just one click, without having to visit the page.
- Read your page’s recent posts (if you choose to display them).
Now let’s proceed shall we?
I) Get your Facebook page ID URL
- Visit Facebook and go to your page.
http://www.facebook.com/IrfanDoggar1
http://www.facebook.com/pages/IrfanDogggar1/115496238467364
II) Configure your Like box
- Go to Facebook Like box configuration page (opens in a new tab/window). You will see a configuration box, like this
- Now paste your page URL inside the Facebook Page URL text box.
- Set other parameters such as width, height and stream. The Preview on the right will update itself as you enter the changes.
- Click Get Code button when done. You’ll be given two codes, titled iframeand XFBML. You only need the iframe code.
- The iframe code should look more or less like this
Copy the code (the code provided by Facebook, not the sample code in no.5).
- In Blogger, go to Layout and click a Add-A-Gadget link. Select HTML/Javascript gadget and paste the code in the content box.
- Save and view your blog.
- Enjoy!