Most Useful Blogger widgets and Plugins 2020. Welcome to our another blogger tutorial. Blogger's popularity increasing day by day. Blogger is the best and CMS blogging platform you know. It is the most powerful CMS nowadays. Maximum people choose bloggers for their easy customization.
People can easily upload custom blogger templates. That's why the maximum newbie blogger's first choice is the Blogspot platform. In this post, I will share 15+ free and best blogger widgets that are mostly needed in every blog.
Useful Blogger Widgets 2020
I can hardly say these widgets are useful blogger widgets 2020. Every blogger knows that we can't add any widgets or plugins like WordPress. We have to need to add any blogger widgets or plugins manually.
Some people are always looking for beautiful and essential Blogspot widgets for his/her blog. Today gonna share 15+ hand-picked useful and best blogger widgets and I hope that these blogger widgets are may helpful for you and its absolutely free widgets.
Floating Facebook Like Box Widget For Blogger
Floating Facebook Like Box Widget For Blogger. It's the best blogger widget to promote the Facebook fan box into your blog. Sidebar Floating Facebook Like Box For Blogger - is a widget for adding a like box on blogger in the sidebar. Facebook like box for website or Blogspot is an important widget to increase fan page like. You can easily grow up your Facebook fan page like using Facebook like box.
That is one of the best blogger plugins and widgets to advertise FB like. At the moment I'm sharing a superior and delightful FB like Box for the web site. This a sidebar floating FB like Box. When guests mouse hovers in FB icon, then it Floating and open a Box from sidebar. This script i based around the web. However, i customize this script with CSS and stand up a superior look. You may add this code added to any wordpress weblog.Floating Facebook Box for Blogs
In this tutorial i will show you, how to add facebook like box to blogger. Every one looking for different and attractive widget for his/her blog. You may find different type of facebook like box widget for blogger. example: Popup facebook like box ( if you interested to add popup facebook like box to blogger then check out this widget: Flat Popup Facebook Like Box Widget for Blogger ). From my opinion sidebar floating facebook like box for blogger is the best widget.MS Design BD always published different and attractive blogger widgets for blogspot. We always share customized attractive and beautiful blogger widgets for blogspot blogger. So, floating facebook like is also a different type of blogger widget. This widget is totally customized facebook like box with css.
Sidebar Floating Facebook Like box for Blogspot
To add this beautiful facebook like box for blogger, at first your have to need add jQuery in your blog (if already added, then ignore it). Now go to Blogger Dashboard > Template > Edit HTML find and past below code before </head><script src='//code.jquery.com/jquery-1.10.2.min.js' type='text/javascript'/>Now Save Template
Below steps are adding floating facebook like for website or your blogspot blog. Add below codes on widget.
Step1: Go to your blogger dashboard Layout > Add a Gadget and find HTML/Javascipt
Step2: Copy the below codes and past on HTML/Javascipt
<script type="text/javascript">
//<!--
$(document).ready(function() {$(".msfslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.msfslikebox{background: url("http://i.imgur.com/pQGrWuH.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.msfslikebox div{border:none;position:relative;display:block;}
.msfslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.msfslikebox span a{color: #808080;text-decoration:none;}
.msfslikebox span a:hover{text-decoration:underline;}
</style><div class="msfslikebox"><div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Fmsdesign.rtml&width=245&colorscheme=light&show_faces=true& connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" style="border:4px solid rgb(53, 102, 203); overflow: hidden; height: 266px; width: 240px;background:#fff;"></iframe></div></div>Note: msdesign.rtml change it with your facebook page user name.
After adding above codes, if this widget does not work, then make your that did you have in your template fb-root. If not, then add fbAsyncInit right after <body> from below.
<div id='fb-root'/>
<script type='text/javascript'>
//<![CDATA[
window.fbAsyncInit = function() {
FB.init({
appId : '878599892159456', // replace with your app id
status : true, // check login status
cookie : true, // enable cookies
xfbml : true // parse XFBML
});
};
(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
//]]>
</script>If you found any problem then obviously inform me on comment section. Happy blogging and keep sharing my posts. Thanks...
