AdviceBlogging tipsblogspot guides

How To Properly Add a Facebook Like box widget for Blogspot or Blogger Blogs

If you struggle with low likes on your facebook fan page, there’s a sure way you could boost your page followership and that is by simply adding a facebook page like widget to your blogger /blogspot or wordpress blog. .

WordPress users have the advantage of the use of plugins. They can easily add this at the tap of a button . 

Blogspot or blogger users on the other hand have to do this manually and sometimes do not get it right even after many attempts.

So, below is a step by step guide on properly adding a facebook page like widget for blogger.  

Step 1

Make time to read:  How To add a custom stylish comments box for blogspot blogs.

The first step we take in adding our facebook page like widget for blogger is to sign in to our blogger dashboard by Going to Next we select the blog we want to add the facebook page like widget to. 

Step 2: 

Next open click on the “layout” Tab as shown in the image below 👇.

Facebook page like widget for blogger blogs step 1.
step 1 going to the layout tab

Step 2: The next step is to select the position where you want this to appear. 

Any position should work out great so far it doesn’t disrupt user experience. 

A great tip which I’ve tested to work out great is by adding the facebook page like widget to show below posts. That is after the comment box.  

Make time to read:  JCLUB Coupon: Use this coupon for a 20% off discount sitewide at JCLUB.

On desktop view it should work best in the right sidebar.  Simply the  pick add a widget option in your desired position as shown below.  This will take us to step 3 . 

Facebook page like widget for blogger blogs step 2
Step 2 (selecting a suitable position)

step 3 : 

A pop up screen appears as shown   and you’re asked to pick what gadget you want to add. Which in this case is an html/javascript gadget. 

In the resulting pop up box copy and paste the following code (remember to change the facebook page URL to from /geekzoneng to yours) 

 then click on “save”

<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=”” data-width=”350″ data-height=”230″ data-hide-cover=”false” data-show-facepile=”true” data-show-posts=”false”><div class=”fb-xfbml-parse-ignore”></div></div></center>

Your Facebook like widget should resemble something like this

Make time to read:  Asura-Hosting Affiliate Program: Make Instant Cash (100% Working)


 I’m sure it worked out at your first try, show some love in the comments box if you learnt how to easily add your facebook page like widget for blogger. 

sharing is caring

Related Articles

3 thoughts on “How To Properly Add a Facebook Like box widget for Blogspot or Blogger Blogs”

Leave a Reply

Your email address will not be published. Required fields are marked *



Adblock Detected

Please consider supporting us by disabling your ad blocker