HOT!Subscribe To Get Video DocumentationClick Here

How to Add Responsive Facebook Like Box Widget In Blogger


There are tons of social sharing site available all over the inter net but Facebook is the most important among them, The like box they provide helps a blogger to reach their readers immediately in free of cost it also helps to provide better support to your user if you are running a client based niche blog. The like box widgets which are available on the internet are based on iframe which doesn't have responsive featyre also loads very slowly making your blog slower than snail, the widget which we are going to share is based on pure script and doesn't requires any iframe which makes it unique and fast loading., This version of the facebook like box is very much customizable and easy to edit. Lets move further and see How to Add Responsive Facebook Like Box Widget In Blogger. You can check a live preview of the Like Box widget below.

Adding The Widget 

The First thing you need to do is to login into your Blogger account and go to >> Layout >> Click add a gadget any where into your layout >> Add HTML/JAVASCRIPT widget and paste the below code in the blank space.
<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); js.id = id;
  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5&appId=1760806057479925";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-page" data-href="https://www.facebook.com/soratemplates/" 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>

Change the text in red with your Facebook username.

Conclusion

Congrats !! You have made it. now you have learned that How to Add Responsive Facebook Like Box Widget In Blogger. Visit your blog and check the awesome widget live in action, hope you liked this tutorial, if you enjoyed then please share it with your friends, we are working hard to develop more such awesome widgets please stay tuned with Us. auf Wiedersehen !! (Goodbye in German).
How to Add Responsive Facebook Like Box Widget In Blogger How to Add Responsive Facebook Like Box Widget In Blogger Reviewed by Sora Blogging Tips on March 10, 2017 Rating: 5

16 comments:

  1. hello please the buton languge is not in english any help?

    ReplyDelete
  2. Like button shows in Portugese language...how to change the language into english for like button and for followers also ?

    ReplyDelete
  3. Plugin is working perfectly in English language. Bundle of thanks

    ReplyDelete
  4. It's not working on my blog. The DB widget appears but below this some code also appears. Please visit. I have provided link below.
    Link:-https://smartechnotes.blogspot.in/2018/05/fuchsia-os-substitute-of-android.html?m=1

    ReplyDelete
    Replies
    1. You have to add the code in separate widget. don't paste it inside disqus shortname widget.

      Delete
    2. Sir I'm not understanding how to add disqus short name please help me

      Delete
    3. You have added the code in wrong place. add the codes in separate widget.

      Delete

Powered by Blogger.