How to Add Facebook Like Box to Blogger Blogspot Blog

By Muhammad Faisal 0 comments
1. Go to facebook developers web page

2. Customize as you wish and follow my image instruction.

3. Copy the obtained code.

4. Login to Blogger Dashboard>Design.

5. Click On Add a Gadget.

6. Select HTML/JavaScript

7. Give a title Like Us and Paste the code here.

8. Save it. Refresh Your Blog.

  1. Go to Blogger Dashboard > Design > Edit/Page Layout.
  2. Choose Add a Gadget > HTML/JavaScript.
  3. Paste below code after replacing my username woth yours.


<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FBloggingHub&amp;width=292&amp;height=290&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:290px;" allowTransparency="true"></iframe>


Now replace BloggingHub with your username.

Customization (Optional)

  • If you want to show stream then find this stream=false code and change it to true.
  • If you don't want to show Header then change this code header=true
  • To change height and width find these width=292 and height=290 two codes.
  • If you don't want to show faces then change this show_faces=true value to false.
  • Now save your changes and you are done...


I hope that this tutorial will helped you alot in adding "Facebook Like Box" to your blogger blogspot blog. To learn more about Blogger that How to Add Facebook Like Button? follow the links.

If you enjoyed this post and wish to be informed whenever a new post is published, then make sure you Subscribe to our regular Email Updates!

Thanks for making this possible! Kindly Bookmark and Share it.
Technorati Digg This Stumble Facebook Twitter

Related posts

0 comments for this post

Leave a reply