Menu Close Menu

Add Facebook like/fan Box To Blogger Blog Easily

Facebook Like Box

Facebook Page Is Also Good Way To Promote your  Blog And Increase Readers. This Facebook Box Will Help Your Visitor To Become A Regular Reader Just By Clicking Like Button. Most Of Readers Like To Fetch Updates From Facebook Page (This Is Better Than Email Newsletter). Follow These Steps To Add Facebook Like Box To Blogger Blog.  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).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. Follow the Simple Steps. in my previous I share with Facebook Activity Feed Widget Check out the our previous post.

 

Add it to blogger

 

1. Go to Facebook Developer Page

2. Get your Facebook page id URL by Visiting your Facebook fan page.Facebook Page id

3. and paste your fan page url in Facebook Page url box like screen shoot below.

Facebook Like Box Setting

4. Set other parameters such as width, height and stream. The Preview on the right will update itself as you enter the changes.
5. Click Get Code button when done. You’ll be given two codes, titled iframe and XFBML. You only need the iframe code.

The Iframe Code Should Look Like This . Don not Copy This Code

Iframe Code

6. Copy the code (the code provided by Facebook, not the sample code in no.5).
7. In Blogger Dashborad, 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. For Further Help See Video Tutorial. Enjoy!

Adding this widget is surely easy but still if you encountered any troubles just post your query below in comment box and I would love to reply back as soon as time allow thanks for reading our post. happy blogging.

"Be the first to express your thoughts" :

  1. This comment has been removed by a blog administrator.

    ReplyDelete
  2. This comment has been removed by a blog administrator.

    ReplyDelete
  3. This comment has been removed by a blog administrator.

    ReplyDelete
  4. This comment has been removed by a blog administrator.

    ReplyDelete
  5. This comment has been removed by a blog administrator.

    ReplyDelete
  6. This comment has been removed by a blog administrator.

    ReplyDelete
  7. This comment has been removed by a blog administrator.

    ReplyDelete
  8. This comment has been removed by a blog administrator.

    ReplyDelete
  9. This comment has been removed by a blog administrator.

    ReplyDelete
  10. This comment has been removed by a blog administrator.

    ReplyDelete
  11. This comment has been removed by a blog administrator.

    ReplyDelete
  12. This comment has been removed by a blog administrator.

    ReplyDelete
  13. This comment has been removed by a blog administrator.

    ReplyDelete
  14. This comment has been removed by a blog administrator.

    ReplyDelete
  15. This comment has been removed by a blog administrator.

    ReplyDelete
  16. This comment has been removed by a blog administrator.

    ReplyDelete
  17. This comment has been removed by a blog administrator.

    ReplyDelete
  18. This comment has been removed by a blog administrator.

    ReplyDelete
  19. This comment has been removed by a blog administrator.

    ReplyDelete
  20. This comment has been removed by a blog administrator.

    ReplyDelete
  21. This comment has been removed by a blog administrator.

    ReplyDelete
  22. This comment has been removed by a blog administrator.

    ReplyDelete

Important - Make sure to click the "Subscribe By Email" link below the comment for to be notified of follow up comments and replies.If you use Name/URL don't use keywords as your name. We love to hear from you! Leave us a comment.
To ensure proper display, HTML/XML/JavaScript need to be Encode first using this Encoder Tool Then paste the Encoded code here.