How to add Facebook like box in WordPress, Blogger

By | July 3, 2014

Looking for How to add Facebook like box in WordPress, Blogger :) I will tell you how you can add Facebook like and follow box into your site or blog manually.

Hello all this is Tanvir Zafar and today i will tell you ” How to add Facebook like box in WordPress, Blogger Manually “. One of my Friend named Muhammad Nadir Yaqoob forced me to write a informative post and in that post teach us how we can add Facebook like box into our site hosted on Blogger, WordPress as well as Self Hosted sites.

So, Now you no need to take worry anymore :) .I will tell you the best method with Snapshots so that you learn easily how to do this.Many Bloggers take it easy and make their blog disturb by editing and adding unnatural codes.

i already wrote some other informative post for dummies like How to Submit site on google – Webmaster Beginner Guide.it would be look like this in a site :) .

How to add Facebook like box in WordPress, Blogger [howpk.com]

How to add Facebook like box in WordPress, Blogger [howpk.com]

Procedure of How to add Facebook like box in WordPress, Blogger and self hosted site manually.

1: Login into your Facebook account and the open your desire page which on static you want to add into your site.

2: Now you no need to go Facebook apps developer page and make apps.It’s kinda difficult and many newbies stuck on it and spoil their site structure.Just go to “developers.facebook.com/docs/plugins/like-box-for-pages“. It is Facebook official page and this page allow you to create page gadget in seconds :) .Without stuffing you mind into codding and app developing :) .

3: Now its all done.In Facebook Page URL box add the address of your page for which you like to make box.

4: Width box Enter the width in Pixel.300 to 350 is ideal width.But you can set according to your theme sidebars.

5: Do same with Height.It will determine how much height is used to show Like box.

6: Check the appropriate button which you like to include into your gadget like Heat tittle, Faces of People who like you page many more as well.

How to add Facebook like box in WordPress, Blogger [howpk.com]

How to add Facebook like box in WordPress, Blogger [howpk.com]

7: When you done all steps then click on Get Code Button.After Clicking on get code you will get two different code.With such message to paste the first code in your <body> tag ideally right after the opening <body> tag and the second one is where you want to appear this box on your page.In both case whether you use WordPress or Blogger put both code as a same.If you use WordPress goto Appearance>>Widgets then drag the Text box and drop into your desire side bar and in box text area put both code and save it.




In blogspot go to layout and click on add gadget.In gadget menu select HTML/script and put both codes in to it and save it.

I hope this article is helpful for new bloggers.If you have any question regarding this article feel free to comment us over is always looking for ways to help you.you may like to read What is blog, Blogging, Who are Blogger – Advance Guide.

Author: Tanvir Zafar

Tanvir Zafar is a internet Entrepreneur and owner of this site and many others as well. He is student in GCUF doing BS Software Engineering. :)