Social Media Blogger Widget With Fans Counter

Method For Adding Social Media Blogger Widget With Fans Counter To Blogger Blog

• Go To Blogger Dashboard.
• Now Click On Blog for which you want to use this widget.
• Now Click On Layout which is in right side of your computer screen
• Now Click On Add A Gadget.
• Here you have a long list, But choose here HTML/JavaScript.
• Now Copy this Code which is given below and paste it into your HTML/JavaScript bar which is open in incognito window Tab of your browser.

<style>
.MBG_widget{
margin-bottom:20px;
overflow:hidden;
clear: both;
border: 1px solid black;
width: 300px;
}
.MBG_widget li{
line-height:15px;
float:left;
width:75px;
height:87px;
padding:7px 0 10px;
-moz-transition:.4s linear; -webkit-transition:.4s ease-out; transition:.4s linear;
list-style:none;
}
.MBG_widget li a{display:block;text-align:center;}
.MBG_widget li a strong{ background:url(http://2.bp.blogspot.com/-ZPtNIEBF1qY/Vg_-nNpvMlI/AAAAAAAADkg/pYLYG-9JE9Y/s1600/MBG-icons.png) no-repeat;display:block; opacity:0.7; height:51px; margin-bottom:5px; -webkit-transition: opacity ease-in-out 0.4s;  -moz-transition: opacity ease-in-out 0.4s;  -o-transition: opacity ease-in-out 0.4s;  transition: opacity ease-in-out 0.4s;}
.MBG_widget li a:hover strong{opacity:1;}
.MBG_widget li:hover a{text-decoration: none;}
.MBG_widget li.rss-subscribers a strong{ background-position:center -1084px ;}
.MBG_widget li.rss-subscribers a:hover strong{ background-position:center -1139px ;}
.MBG_widget li.rss-subscribers span{display:block;font-size:21px;}
.MBG_widget li.facebook-fans a strong { background-position:center -1192px ;}
.MBG_widget li.facebook-fans a:hover strong { background-position:center -1246px ;}
.MBG_widget li.twitter-followers a strong{ background-position:center -868px;}
.MBG_widget li.twitter-followers a:hover strong{ background-position:center -922px;}
.MBG_widget li.youtube-subs a strong{ background-position:center -976px;}
.MBG_widget li.youtube-subs a:hover strong{ background-position:center -1030px;}
.MBG_widget li span{display:block;font-size:21px;}
.MBG_widget li a small{color:#777;}
</style>

<br />

<div class="widget MBG_widget"> 
<ul style="margin-left: -40px;">
<center><h1>Connect with Us</h1></center>
<li class="rss-subscribers">
<a href="http://feeds.feedburner.com/MyBloggerGuides">
<strong></strong>
<span>3,358</span>
<small>RSS Feed</small>
</a>
</li>
<li class="twitter-followers">
<a href="http://www.twitter.com/MyBloggerGuides">
<strong></strong>
<span>5,948</span>
<small>Followers</small>
</a>
</li>
<li class="facebook-fans">
<a href="http://facebook.com/MyBloggerGuides">
<strong></strong>
<span>2,599</span>
<small>Fans</small>
</a>
</li>
<li class="youtube-subs">
<a href="http://www.youtube.com/MyBloggerGuides">
<strong></strong>
<span>1,561</span>
<small>Subscribers</small>
</a>
</li>
<div id="widgetbox" style="border-top: 0.1px solid #ddd;padding: 1px 8px 1px 3px;text-align: right;border-image: initial;font-size:5px;font-family: "arial","helvetica",sans-serif;"> <span class="author-credit" style="font-family: Arial, Helvetica, sans-serif;"><a href="https://mybloggerguides.com/2015/10/social-media-blogger-widget-with-fans-counter.html" target="_blank">Get Widget »</a></span> </div> <!-- End Widget --> 
</ul></div>

• Remove Yellow Highlighted Words into yours.
• Now Click On save button.
• That’s It, You Have Done It Successfully. 🙂  Now Open your Blog in new window and enjoy this awesome widget.

So above is all about Social Media Blogger Widget With Fans Counter For Blogger Blog. I hope by this tutorial you can easily add this widget in your Blog.  If you still facing any problem related this article then you can drop a comment in comment Box. I try my best to help you. Hope this Recommendation Social Media Widget helps to increase your followers and also page views. 🙂 🙂 If You like this post then please don’t Forget to share it with others.