How to add Facebook Page like box on your blog – Blogger tips for beginners

Dear friends, Facebook is one of the best source for maintaining followers for your interest. It has billion of users that are in search for something. And this can play a major role in driving traffic for your website.

That why you must have a Facebook Page like box in your blog or website so your followers can be in your contacts always. Here in this article i will show you how you can add a Facebook Page widget in blogger’s blog.

Steps to add a Facebbok Page widget in your blog:

1. First of all log in to your blogger account and click on the “Theme” option in the left section. And then click on Edit HTML option

2. Now look for the code </body> . You can do it by pressing ctrl+F button simultaneously. You will find it at the end of the page.

3. Now copy the code below and paste it just above the </body> code.

<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 = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&amp;version=v3.1';
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Now click on the Save Theme button and save your theme.

4. Theme editing section is done. Now go to Layout section and you have to add a widget that contains the facebook code.

5. Click on Add a widget where you want to display the Facebook Page like widget on your blog as shown in the figure below.

6. Now copy the code below and and paste it in the dialogue box opened after clicking on add a widget.

<center>
<div class="fb-page" data-href="https://www.facebook.com/YOUR_PAGE_NAME" data-width="360" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true">
</div>
</center>