Floating Social Media Sharing sidebar Buttons : Facebook, twitter, GooglePlus, Digg, StumbleUpon

Social Media or Social Share button is used to play a vital role in blogging. Submitting your blog post in the social bookmarking sites will help to increase blog traffic and the search engines can easily find you blog post with the help of social bookmarking sites. Social Media Sharing sidebar Buttons help to spread your blog post and more chance of visitors will come on your blog. Share Sidebar contains collection of popular social media sharing buttons which you can add to the sidebar. Social Media Buttons including Facebook, Twitter, Digg, StumbleUpon and Google Plus. The sidebar will increase sharing by 20-30% because of its unique and permanent position.
I strongly suggest you guys to have a floating social media icons in the sidebar as the share options will be made visible across the blog posts and helps you and the readers to engage themselves in the conversations and advances the chances of sharing the blog posts. We have included Facebook Share, Tweet, Stumble, Google Plus and Digg This buttons in the bar. Each of them comes with a live counter. Here we provide code for Social Bookmarking buttons, So simply copy the code for your site.
Also We made it into a widget, so you don't have to go into your template HTML to install (or remove) them in blogger. Just Click on Add to Blogger to automatically add Social Bookmarking buttons on your blogspot blogs.

Floating Social media Buttons Code
<!–SideBar Floating Share Buttons by mukutech.blogspot.com Code Start–><br /> <style> #pageshare {position:fixed; bottom:15%; right:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px 0;z-index:10;} #pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;} .fb_share_count_top {width:48px !important;} .fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;} .FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;} .FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;} </style><br /> <div id='pageshare' title="Share This With Your Friends"> <div class='sbutton' id='gb'> <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='sbutton' id='rt'> <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='sbutton' id='gplusone'> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div> <div class='sbutton' id='su'> <script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div> <div class='sbutton' id='digg' style='margin-left:3px;width:48px'> <script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></div> <br /> <div style="clear: both;font-size: 9px;text-align:center;"> <a href="http://tiny.cc/fbtwcode/" target="blank"><font color="red">Get This<font></font></font></a></div> </div> <!–SideBar Floating Share Buttons by mukutech.blogspot.com Code End–>

<!–SideBar Floating Share Buttons by mukutech.blogspot.com Code Start–><br /> <style> #pageshare {position:fixed; bottom:15%; right:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px 0;z-index:10;} #pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;} .fb_share_count_top {width:48px !important;} .fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;} .FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;} .FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;} </style><br /> <div id='pageshare' title="Share This With Your Friends"> <div class='sbutton' id='gb'> <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='sbutton' id='rt'> <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='sbutton' id='gplusone'> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div> <div class='sbutton' id='su'> <script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div> <div class='sbutton' id='digg' style='margin-left:3px;width:48px'> <script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></div> <br /> <div style="clear: both;font-size: 9px;text-align:center;"> <a href="http://tiny.cc/fbtwcode/" target="blank"><font color="red">Get This<font></font></font></a></div> </div> <!–SideBar Floating Share Buttons by mukutech.blogspot.com Code End–>

Click to install this Widget to Your Blog
Note: If you want to change the position of the sidebar(right to left) then serch for the

#pageshare {position:fixed; bottom:15%; right:10px;

Now replace the property value right:10px; to left:10px;
[For Left Floating : left:10px;]
[For Right Floating: right:10px;]

If you like reading this floating social media buttons feel free to drop your comments. Enjoy!!