Add a Classic Pro Labnol like Facebook Like Widget in Blogger

Labnol blog is a India's most popular and first professional blog and this blog is managing by Amit Aggrawal. Amit's team design a Facebook Like Box which is very classic and look as professional. Today you will get this widget here for your blog in free.

Add Classic Labnol like Facebook Widget

Follow below steps to Add it sucessfully.

• Login to Blogger > Dashboard
• Click on Drop Down Menu and select Layout
• Add a HTML/JavaScript Gadget
• Paste below code in it.

<style>.wgFB{
width:320px;height:150px;border-radius:3px;position:relative;background-color:#f4f4f4;padding:5px 10px 15px 0;max-width:96%}.wgFB,.wgFB:before,.wgFB:after{background:#f4f4f4;border:1px solid #ccc}.wgFB:before,.wgFB:after{content:"";position:absolute;bottom:-3px;left:2px;right:2px;height:1px;border-top:none}.wgFB:after{left:4px;right:4px;bottom:-5px;box-shadow:0 0 2px #ccc}
</style><div class="wgFB"> <div style="height:160px;overflow:hidden"> <fb:like-box href="https://www.facebook.com/widgetgenerators" data-width="340" data-height="189" data-show-faces="true" data-show-border="false" data-stream="false" data-header="false"></fb:like-box> </div></div><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_GB/all.js#xfbml=1&appId=549510788403215";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

• Save Your Widget.

Make Changes....!

Make some changes before saving your widget

• Replace widgetgenerators it with your Facebook page id or username.