Add Floating Social share Buttons

Add Floating Social share Buttons

1. Go To Bloger Layout

2.Click To HTML/JavaScript

3.निचे दिया गया कोड को कापी कर के पेस्ट कर दे 

4.उस के बाद सेव कर दे 

<!-- floating page sharers with funy emoticons by www.makingdifferent.com -->

<style>#MDfloatshare{background:#f5f5f5;float:left;padding: 4px; position: fixed; top: 240px; z-index: 1; width:64px;}

#MDfloatemo{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgz-vMM8sbV5BwE7p3gkggog9pUHj4cFrnzyg_iW60gh9qtKFUsp__d8F0JvyAuy0qjBNHCzCbLZ8UwbvJ3EHdUi3ZQQCTK0fvJFiEmkxtweOLo9XAndCaSpohw2t2OIcM2ioDTCWf7V0ES/s1600/%5Bwww.makingdifferent.com%5Demo.png);background-position:67px 0;float: left; margin: 0 0 0 -100px; padding: 4px;height:65px;position: fixed; top: 160px; z-index: 1; width:60px;}

#MDfloatemo:hover{background-position:2px 0;}

</style>

<div id="MDfloatemo">

<div id="MDfloatshare">

<div style="margin:0 0 5px 2px;">

<a href="https://twitter.com/share" data-count="vertical">Tweet</a>

<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div>

<div style="margin:0 5px 5px;">

<script type='text/javascript' src='https://apis.google.com/js/plusone.js'></script>

<g:plusone size="tall"></g:plusone></div>

<div style="margin:0 8px 5px;">

<div id="fb-root">

</div>

<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like send="false" layout="box_count" width="55" show_faces="false" font="">

</fb:like> </div>

<div style="margin:0 2px 5px;">

<div data-action="share" data-annotation="vertical-bubble" data-height="60">

</div>

</div>

</div>

</div>

<!-- floating page sharers End -->