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. It is one of the best process for promote your blog through facebook page. Today it's a popular site in the world that's why everyone visit facebook everyday and click the page to show the author blog. It's so much easy to find the blog.

  2. Thank you very much I have just followed through your instructions and succeeded. I
    am so grateful. I read an article before which just confused me. Yours was straight to
    the point and I have nailed it. Thank you once again

  3. found it useful... thank uuuu

  4. Thanks :) Was useful.. Could successfully do it for my blog

  5. How can i know that my social plugins is work or not?

  6. Thanks for the great information

  7. This was such a great tutorial. Thank you!

  8. This worked Great!!!! Thank you! I was seriously thinking about going to Wordpress because I didn't realize this could be done so thank you greatly for the instructions!

    My best to you!

  9. Adding a facebook likebox is really nice for any blog.As it bring more like to our blog.

  10. I have followed all of your instructions but All I get is a blank box on my blogger account, I have I think 30+ followers on my FB page for Kellicipes and I want to show that on my kellicipes blog. Why isn't this code working?

  11. Thanks for good info........

  12. Great Post, I love to read articles that are informative and actually have good content.

  13. thanks bro.. i have added my fb fans page as your tutorial.. really helped..

  14. Very helpful post. Thanks for sharing.........

  15. for more than 3 month now have been trying to create a like box on my blog. THANKS

  16. This is very effective for me. Thanks for your article.

  17. Thanks a lot
    direct practice on my blog

  18. Thank you so much for your very very effective article. It's too much helpful for me. Thanks again for your brilliant support.


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.