Add Floating Share Widget For Blogspot

Title : Add Floating Share Widget For Blogspot .

 If You Can Add Floating share Bar Widget For Blogspot .

Then Floow Some Simple Steps .

1. Go to Blogger > Layout .
2. Click On Add a Gadget and select HTML/javascript widget.
3. Inside it Paste The Code .

<style>#floatingbuttons { ); border: 1px solid #ccc; color: #fff; float: left; font-weight: normal; font-size: 13px; padding:0 0 3px 0; position: fixed; text-decoration: none; bottom:15%; left:0; z-index:10; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 2px 2px 5px rgba(0,0,0,0.3); -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3); -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3); } #floatingbuttons .floatbutton { float:left; clear:both; margin:5px 4px 0 4px; } .addbuttons { clear:both; color:#000; font-size:9px; text-align:center; padding-top:5px; font-family:tahoma, verdana, helvetica, arial, sans-serif; font-weight:bold; line-height:1.4; } .addbuttons a { color:#000; background:none; } .addbuttons a:hover { color:#000; background:none; } .sharebuttons { font-size:8px; } </style> <div id='floatingbuttons' title="Share this post!"> <div class='floatbutton' id='facebook'> <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script> <fb:like layout="box_count" show_faces="false" font=""></fb:like> </div> <div class='floatbutton' id='stumbleupon'> <script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script> </div> <div class='floatbutton' id='digg'> <script type="text/javascript"> (function() { var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0]; s.type = 'text/javascript'; s.async = true; s.src = 'http://widgets.digg.com/buttons.js'; s1.parentNode.insertBefore(s, s1); })(); </script> <!-- Medium Button --> <a class="DiggThisButton DiggMedium"></a> </div>  <div class='floatbutton' id='googleplusone'> <g:plusone size="tall"><script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script></g:plusone></div> <div class='floatbutton' id='twitter'> <a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a> <script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script> </div> <div class='floatbutton' id='linkedin'> <script type="text/javascript" src="http://platform.linkedin.com/in.js"></script><script type="in/share" data-counter="top"></script></div><p style=' line-height:0px; font-size:10px; font-weight:bold; text-align:center;'><a href='http://thefreetrick.blogspot.com/2013/04/add-floating-share-widget-for-blogspot.html' style='color:#CAC8C8;'>Widgets</a></p></div>

    4. Then Click on Save Button.