How to add Facebook like box/button in blog and website

social plugin facebook

Add facebook like box/button for blogger/website.In this tutorial you’ll learn how to add facebook like button to blog/website.This facebook developer like button enables Facebook Page owners to attract and gain more Likes from their own website/blog.

There are 3 Benefits of Facebook like box/button 

  • See how many users already like this Page, and which of their friends like it too 
  • Read recent posts from the Page
  • Like the Page with one click, without needing to visit the Page

Before adding it to your blog/website save your template. 

1) First click on this link »

facebook developer app

2) Now insert your facebook page url instead of

3) Once you finished Click on Get code button

4) Then copy that  facebook like button code of your facebook page

facebook like button html


5) Then go to your blog and click on Layout

how to add facebook like button to website


6) Click on add gadget in layout and select HTML/JavaScript Gadget

add facebook like button to website

7) Paste that  facebook like button code in HTML/JavaScript Gadget

facebook like button html

 and save.

8) Then you have to add the fb namespace to your template.Go to Template > Edit HTML (not expand template) and find 


and replace it to

<html xmlns:fb=""

After changing it will look like this

facebook like box html trick

Then save your template and see your own Facebook like box 

Feel free to ask questions?

‟if you like this post please take 5 seconds to like it
and share it‟

Like Our Facebook Page For Daily Free Alerts!

Get Free Email Alerts Daily!

Follow us!

Join Us On☞ Facebook ▮ Follow us on ☞ Twitter ▮ Add Us To your ☞ Google+Techinvent

➲ Get Free Daily Latest Updates: Subscribe Us Now ✔