You Are Here : Home » , , » How To Insert Facebook Like Box In Blogger

How To Insert Facebook Like Box In Blogger

How To Insert Facebook Like Box In Blogger

Hello Friends, want to your users to find you on Facebook through your Blogspot blog. In this blog post i will show you how to add Facebook Like box on your website/blog. just follow each step carefully.

Inserting Facebook Like box

  • First of all Go Here and type your Facebook page url there.
  • Then Click On Get Code.
  • You Will See Code Something Like Below.
<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); = id;
  js.src = "//";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

  • Copy That Code. (Don't close the window now.
  • Then Go To Your Blog Template and Click On Edit HTML.
  • After That Paste the Code Which You Have Copied and Paste Just After <body> Tag. To Find The <body> Tag Search For It By Pressing CTRL+F And Than Type <body> On The Search box.
  • After You Have Paste The Code Than Copy Another Code Which Is Written Just Below The Code Which You Copied Now. It Looks something Like Below.
<div class="fb-like-box" data-href="" data-width="292" data-colorscheme="dark" data-show-faces="true" data-header="true" data-stream="false" data-show-border="true"></div>

  • After You Have Copied Another Code. 
  1. Go To Blogger Home
  2. Than Go To Layout
  3. Than Click Add A Gadget.
  4. Than You Will See A Pop Up Something Like Below
    Add A Gadget
    Scroll Down And Click On HTML/JavaScript
  5. Hover Down And Click On HTML/JavaScript.
  6. After That Paste The Second Code There.
  7. Click On Save.
That's It! You Have Inserted Facebook Like Box On Your Blog.
Go To Your Blog And See How It Looks.

You May Also Like

Ads by Google
If you enjoyed reading this article then please leave a comment or subscribe to our newsletter to get all the future posts delivered to your feed reader or you email desk.

No comments:

Leave a Reply

Welcome to SpicyTweaks.

Copyright © 2013-17 SpicyTweaks. All Rights Reserved.

Scroll to top