How to Add FaceBook Page Like Box to your Blog


Having a Facebook Page for our blog is a great way to promote it. Facebook Pages give you a more dynamic relationship with the public figures and organizations you are interested in. In simple words, it helps us to share blog updates to the interested facebook users who become a ‘fan’ of our blog :) .

This post gives you a simple tutorial on how to add a Facebook Like Box widget to your blogs. If you haven’t created a facebook page yet, you can do it from here.

How to Add FaceBook Like Box to self-hosted WordPress:

You can do this simply by installing Facebook Like Box Widget to your wordpress. It allows you to enable Facebook Page Like Box through a widget. Refer the Installation and Screenshots sections for more help.

How to Add FaceBook Like Box to Blogger (blogspot):

  1. Go to FaceBook Plugins page HERE.

  2. Fill your Facebook Page URL or ID and customize the widget properties according to your requirements.
    add facebook like box to blog

  3. After customizing the widget, click Get Code. Then copy the iframe widget code as shown below:
    facebook like box code

  4. Go to Blogger Dashboard – Layout/Design – Add a Gadget – HTML/Javascript – then paste that widget iframe code and Save.

Hope it worked fine. Don’t forget to Like TipsBlogger on facebook! :)



You May Also Like:

Article by Shafar.
About the Author: Tech Freak, Android Lover, Wordpress Addict, Social Media Junkie and the Founder of TipsBlogger.
To submit guest posts to TipsBlogger, please read the Guidelines.

19 Responsesto “How to Add FaceBook Page Like Box to your Blog”

  1. zahid says:
    June 4, 2010 at 7:12 am

    Helpful post on adding facebook like button on blogger post.

  2. Jill says:
    June 21, 2010 at 5:24 am

    Brilliant, thank you!

  3. Brad says:
    August 21, 2010 at 4:30 am

    I am also currently experiencing the same issue, I have used the script supplied by Facebook and have changed the page id to mine but am still unable to get it working. I have also tweaked the script a little but to no affect

  4. Hrwriter says:
    August 25, 2010 at 2:53 pm

    very helpful, thanx

  5. Pegs says:
    September 27, 2010 at 10:49 am

    very helpful … thanks ;)

  6. Ricardo Fort says:
    September 28, 2010 at 5:14 am

    THANX A LOT!!!

  7. Zuka says:
    February 3, 2011 at 7:23 pm

    I did everything correctly, like box appeared but I cant see who likes my blog. on facebook page I can see them but on blog cant.
    can anybody help me?

  8. Shafar says:
    February 9, 2011 at 8:19 pm

    @Zuka
    Have you done what is given in the NOTE under 4th step?

    Or you can try again from here without tweaking the code:
    http://developers.facebook.com/docs/reference/plugins/like-box

  9. denise says:
    June 19, 2011 at 3:19 pm

    It doesn’t work for me. In facebook afer I enter de url of my page it doesn’t show thw preview. it sais “you must sign in as yourself”. I also have a personal page linked to my blog fan page, but if I sign it with that one I don’t have the option to add a “like box”.
    can anyone help?

  10. Shafar says:
    June 19, 2011 at 11:19 pm

    @denise
    I can see the widget in your blog now! You can uncheck all the “show” options to reduce the size of the widget.

  11. denise says:
    June 20, 2011 at 12:41 am

    yes, I’ve finallu figured it out. I’ve checked all the options on pourpouse.. :)

    Thanx anyway :)

  12. nini256 says:
    September 13, 2011 at 12:52 pm

    and where i must paste the iframe code when i will go in add widget

  13. Shafar says:
    September 18, 2011 at 5:40 pm

    @nini256
    You can paste it anywhere in a site which accepts these kind of widgets, preferrably in the sidebar or under the content if you are owning a blog.

  14. harry says:
    November 3, 2011 at 9:47 am

    Thanks for this post, i have been looking for an easy integrate fb like to my blog, and all the other stuff from other blogs are kind of confusing…

    thanks again…

  15. Godlove says:
    November 19, 2011 at 6:47 pm

    hey
    great post. just applied it on my blog and it looks great.

  16. TSHEPO SIBANDA says:
    November 23, 2011 at 1:00 am

    THE THING JUST SHOWS JAVASCRIPT/HTML AND NOT THE PAGE AND PEOPLE WHO LIKE THE PAGE

  17. Shafar says:
    November 25, 2011 at 7:25 pm

    @TSHEPO SIBANDA
    Try the second section code given in Step-3.

  18. Omar Maldonado says:
    December 7, 2011 at 9:20 am

    Thanks a lot, it works great on our blog

  19. ebooks download says:
    January 27, 2012 at 11:48 am

    Wow,Thank you for providing simple steps…
    Great site….simple looks…

Leave a Reply