How to Add Facebook Like Box on your Blogger Blog

Posted by

Most of the blogger are using Facebook Like Box to gain more fans for their blog. Using Facebook Like Box, you can find how many people liked your Facebook page. Facebook like box is a special version of Like button designed only for Facebook pages. So, like box allows bloggers to promote their pages.

Follow the below steps to add Like Box to your website

How to Add Facebook Like Box on your Blogger Blog


Step 1: Login to Blogger Blog.

Step 2: Select Template Section and click Edit Template.
Note: Before editing take backup.

Step 3: Copy the below Javascript SDK and paste it after opening <body> tag.

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Step 4: Place the below peace of code to your website, where you want appear Facebook plugin.

<div class="fb-like-box" data-href="https://www.facebook.com/FacebookDevelopers" data-width="300" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="true"></div>

Step 5: Thats it. Save your template and refresh your page.

Now you can see you Facebook like box on your website.

All the best !!!

No comments:

Post a Comment