how to add a simple clean Social Following widget with Facebook, Twitter, and Google plus, RSS and YouTube logo. I designed this widget specially for your blog. I create this post for who want to use it. So, if you want to use this widget on your blog just follow my instruction bellow
1. Go to your blog and sign in with your user name and password if you have not already signed in
2. Now locate this options " Dashboard > Layout > Add a Gadget" and click on Add a gadget
3. Now click on "HTML/Javascript" and paste in empty box below code
<style>
/*-----online guru Social Follow-----*/
#onlineguru-follow{
border:1px solid #ccc;
padding:10px 10px;
overflow:hidden
}
#onlineguru-follow a{
width:32px;
height:32px;
margin:0 0 0 25px;
display:block;
float:left;
background:url(https://lh5.googleusercontent.com/-koBjDS1IyTM/Uu39Xx9YNKI/AAAAAAAAJwY/y_NId_Knm_I/w32-h172-no/Onlineguru.png)
no-repeat 0 0;
line-height:0;
font-size:0;
color:transparent
}
#onlineguru-follow a:hover{
opacity:.5
}
#onlineguru-follow a.facebook{
background-position:0 -105px;
margin-left:9px!important
}
#onlineguru-follow a.twitter{
background-position:0 -70px
}
#onlineguru-follow a.gplus{
background-position:0 -140px
}
#onlineguru-follow a.rss{
background-position:0 -35px
}
#onlineguru-follow a.tube{
background-position:0 0
}
</style>
<!--onlineguru-follow starts-->
<div id="onlineguru-follow" style="width:275px;margin:0 auto; border:none!important;">
<a class="facebook" href="https://www.facebook.com/onlineguru" rel="nofollow" title="Facebook">Facebook</a>
<a class="twitter" href="http://twitter.com/kedargk6yar" rel="nofollow" title="Twitter">Twitter</a>
<a class="gplus" href="https://plus.google.com/kedar+adhikari" rel="nofollow" title="Google Plus">Google Plus</a>
<a class="rss" href="http://feeds.feedburner.com/learncomputerfromyourhome" rel="nofollow" title="Subscribe To RSS">Subscribe To RSS</a>
<a class="tube" href="http://www.youtube.com/channel/adhikaribed" rel="nofollow" title="YouTube">YouTube</a>
</div>
<!-onlineguru-follow ends-->
Customization:
4. Now replace all blue color with your own link and finally save your template.
