> Get floating Social Media Share Buttons on side

You must have come across several blogs including mine that have floating social media buttons aligned by their side. These buttons are very useful for sharing your content with online social media networks like Facebook, Digg, Tweeter, Google Plus etc. The more shares you have, the more popular your blog can get. You can even expect a viral traffic growth with these floating social media buttons. These are very easy to install; even you can install this app for your site.

There are lot many other options to share your content with others, but having a fixed floating option makes a lot of difference. Since these buttons don't scroll with the content they are always visible to users and there are more chances for your content to get viral publicity.



To implement this widget on your blog just copy the code below and place it on your blog.
Login to your Blogger dashboard goto Design > Page Elements. Click on add gadget where ever you wish to. Select HTML/Javascript and add the code mentioned below.


<!-- Floating social media buttons by www.parasitech.net--><style></span><br /> <span style="color: blue; font-size: x-small;">#floatingbuttons{background:#F9F9F9;background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #F9F9F9));background:-moz-linear-gradient(top, #fff, #F9F9F9);border:1px solid #ccc;float:left;padding:0 0 3px 0;position:fixed;bottom:15%;left:0;z-index:10;border-radius:0 5px 5px 0;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;text-align:center;padding-top:5px;} .addbuttons a span.getfloat, .addbuttons a span.sharebuttons{color:#000;background:none;font-family:arial, sans-serif;display:block;font-size:9px;font-weight:bold;text-decoration:none;line-height:11px;} .addbuttons a:hover span{color:#fff;background:none;text-decoration:underline;}</style></span><br /> <span style="color: blue; font-size: x-small;"><div id='floatingbuttons' title="Share this post!"><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><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 --><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script><div class='floatbutton' id='facebook'><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'><a class="DiggThisButton DiggMedium"></a></div><div class='floatbutton' id='twitter'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a></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><div class='sbutton' id='gplusone'></span><br /> <span style="color: blue; font-size: x-small;"><script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script></span><br /> <span style="color: blue; font-size: x-small;"><g:plusone size="tall"></g:plusone></div><div class="addbuttons"><a href="http://www.parasitech.net/2011/08/get-floating-social-media-share-buttons.html" title="Add floating social media share buttons to your blog!"><span class="getfloat">Get floating</span><div style="clear:both"></div><span class="sharebuttons">share buttons</span></a> </div> </div><!-- Floating social media buttons by www.parasitech.net-->

The code can be customized. Incase you need any help customizing the code as per your blog, let me know in the comments below.