How To Add a Official Facebook Like Box To Blogger - Helper Blogger

Blogger Widgets | Templates | Tutorials


Friday, 16 December 2011

How To Add a Official Facebook Like Box To Blogger

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="//;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 btsnts with your username.

Customization's (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...

No comments:

Post a Comment

If you want to be informed about any replies then check "Notify me" option (present at lower right corner of comment box and it will display if you are logged in to your google account). PLEASE DO NOT SPAM