How to add Facebook Like Box in your website?

For Blogger.com blogs
Go to your blogger account and select the blog you want to add Facebook like a box.
Next:
Go to Layout in the Menu

Next:
Click on Add a Gadget 
Select HTML/JavaScript in the menu.Next, add the below code in the Content area

add the below code and replace the URL with your page URL.
<iframe
src=”//www.facebook.com/plugins/likebox.php?
href=https://www.facebook.com/facebookpageid&amp;width=290&amp;height=250&amp;
amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;” style=”border: none; height: 250px;
overflow: hidden; width: 290px;”>
</iframe>

 
For WordPress Blogs
The same code is used for the WordPress blog too. Let us see the process of adding the Facebook Page Plugin for WordPress
Step 1:
Go to your blog dashboard and select Appearance in the Menu, next select the Customize option has shown above.
Step 2:
After clicking the Customize button the site will navigate to live editing page where it will show different options to choose. Now select the Widgets option has shown in the image.
Step 3:
After that according to your theme options, it will suggest you different area where
Step 4: 
Click on Add a Widget
Step 5:
Search for Text in the search bar. Then add the Text widget.
Step 6:
Select the TEXT has shown in the picture
Step 7:
Copy the below CODE has shown in the picture.
Change the highlighted URL to your page URL
<iframe
src=”//www.facebook.com/plugins/likebox.php?
href=https://www.facebook.com/facebookpageid&amp;width=290&amp;height=250&amp;
amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;” style=”border: none; height: 250px;
overflow: hidden; width: 290px;”>
</iframe>
Your Facebook page plugin in ready now 🙂

2 Comments

  1. Princy jain

    Thanks for sharing…. Easy steps to follow 🙂

Leave a Reply