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

---

Social Bookmarking buttons are buttons that can increase your blog traffic by the people who visits your blog and click the Social Bookmarking buttons they will share your blog post in the social networking like in facebook, twitter, stumbleupon, digg, and in google buzz with the help of this button they can easily spread your blog post and more chance of visitors will come on your blog.
A Floating Social Bookmark in your blog is much cleaner and more attractive to the visitors on your blog because it will float on the page as they scroll down and up they will follow.


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.
Share Sidebar contains collection of popular social media sharing buttons which you can add to the sidebar. Social Media Buttons including Facebook, Twitter, Delicious, Digg, Buzz, StumbleUpon, Reddit and Yahoo Buzz. The sidebar will increase sharing by 20-30% because of its unique and permanent position.


We have included Facebook Share, Retweet, Stumble, Google Buzz 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 blog-spot blogs.

Social Bookmarking Buttons code
<style type="text/css"> * html #ss-box{ position: absolute; } #ss-box{ width: 70px; background:#ffffff;border:1px solid #dedede;border-radius:8px;-moz-border-radius:8px; -webkit-border-radius:8px;position:fixed;right:4%; top: 20%; height:200px; height:auto; } #ss-box div{ padding:6px 6px 4px 5px; } #icon_twitter,#icon_digg{ margin-left:-2px; } #icon_linkedin{ margin-left:-5px; } #sfs{ margin-left:-5px; } </style><br /> <br /> <div id="ss-box"><div id="ssl-box"><div><a href="http://123bestfriend.blogspot.com/2011/05/add-floating-social-media-sharing.html">Get this</a></div><div id="icon_facebook"><iframe src="http://www.facebook.com/plugins/like.php?app_id=235665053131744&href&send=false&layout=box_count&width=50&show_faces=false&action=like&colorscheme=light&font&" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:60px; margin-left: 2px;" allowtransparency="true"></iframe></div><div id="icon_googleplus"><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div><div id="icon_twitter"><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical">Tweet</a><br /> <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div><div id="icon_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><br /> <a class="DiggThisButton DiggMedium"></a></div><div id="icon_linkedin"><script type="text/javascript" src="http://platform.linkedin.com/in.js"></script><script type="in/share" data-counter="top"></script></div><div style="clear:both;"></div></div></div>

<style type="text/css"> * html #ss-box{ position: absolute; } #ss-box{ width: 70px; background:#ffffff;border:1px solid #dedede;border-radius:8px;-moz-border-radius:8px; -webkit-border-radius:8px;position:fixed;right:4%; top: 20%; height:200px; height:auto; } #ss-box div{ padding:6px 6px 4px 5px; } #icon_twitter,#icon_digg{ margin-left:-2px; } #icon_linkedin{ margin-left:-5px; } #sfs{ margin-left:-5px; } </style><br /> <br /> <div id="ss-box"><div id="ssl-box"><div><a href="http://123bestfriend.blogspot.com/2011/05/add-floating-social-media-sharing.html">Get this</a></div><div id="icon_facebook"><iframe src="http://www.facebook.com/plugins/like.php?app_id=235665053131744&href&send=false&layout=box_count&width=50&show_faces=false&action=like&colorscheme=light&font&" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:60px; margin-left: 2px;" allowtransparency="true"></iframe></div><div id="icon_googleplus"><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div><div id="icon_twitter"><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical">Tweet</a><br /> <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div><div id="icon_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><br /> <a class="DiggThisButton DiggMedium"></a></div><div id="icon_linkedin"><script type="text/javascript" src="http://platform.linkedin.com/in.js"></script><script type="in/share" data-counter="top"></script></div><div style="clear:both;"></div></div></div>

Click to install this Widget to Your Blog