Planning to add a facebook like box on the sidebar of your blogspot blog? Like I always say on my previous blog post that blogger a.k.a blogspot is an awesome blogging platform and one of the reason why I am committed to blogspot is because its free, just follow Google content policy and your blog will be just fine. If you want to add a facebook like box on your blog's sidebar that will look like the picture below then you are in the right place.

See the picture below:
Facebook like box

Why Facebook Like Box is Important to a Blog? 

Previously, about a long time ago bloggers use newsletter to send their followers an updates about a new blog post in their blog, it is a form of email that sends to their followers email address informing them that there is a new update, although newsletter still works,social media like facebook has already a billion of users around the world who are frequently updating and checking their facebook accounts that we can use as an advantage to reach people around the world without being spammy. Before we proceed to add a facebook like box on your blog's sidebar or any part of your blog, be sure to create first your own facebook fan page. 

With facebook like box, it's easy to gather followers who are interested in your content, it's easy for them to follow your blog because they will only need to click the like button then they become your facebook followers instantly without letting your potential followers to type anything.

If ever you found this blog post helpful,  please like our Facebook Fan Page to get more Cool updates like this. 

How to Create a Facebook Like Box for Your Blogspot on Sidebar

1. Login to blogger dashboard and navigate your layout.


2.Click on "Add a Gadget" on the sidebar or anywhere part of your layout.


3.Select "HTML/Javascript".

Like box

4.Then copy the given code below.

You cannot copy this code because I disabled my Right Click and Text Select. To able to get this code, you can download here: Download Now
<center><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><div class="fb-page" data-href="FACEBOOK PAGE URL HERE" data-tabs="timeline" data-height="70" data-small-header="true" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="false"><blockquote cite="FACEBOOK PAGE URL HERE" class="fb-xfbml-parse-ignore"><a href="FACEBOOK PAGE URL HERE">LOADING PAGE</a></blockquote></div></center>

I strictly advice do not change anything on this code except the red ones only so the code will work properly. Change the red ones with your Facebook Fan Page URL.

5.Edit and Paste the code to your new Gadget and Save.

You're done!