How to Add a Floating Social Bookmarking Share Button on your Blog

What is a Social Bookmarking buttons? and what are the benefits of this buttons?
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.

How to Install a floating social bookmark button
Follow these steps to install a floating social bookmark button to your blogger blog

1. Log in to your blogger dashboard
2. Select Design and then Page Element of the blog to which you want a floating social bookmark button
3. Click Add a Gadget and select HTML/JavaScript in the appearing window
4. Copy all code provided below and paste it into content box of your widget. Leave the title box blank
5. Click Save
6. Move the widget to under you post block
7. Save and done.

Check the position of the button set. If is not right you can adjust its position by changing the position properties in the code.

Code
<br /> <!-- floating page sharer Start bloggersentral.com--><br /> <style> #pageshare {position:fixed; bottom:15%; margin-left:-70px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;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'><div class='sbutton' id='fb'><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script><br /> </div><div class='sbutton' id='rt'><script src="http://tweetmeme.com/i/scripts/button.js" type='text/javascript'></script><br /> </div><div class='sbutton' id='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script><br /> </div><div class='sbutton' id='digg'><script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><br /> <a class="DiggThisButton DiggMedium"></a><br /> </div><div class='sbutton' id='gb'><a class='google-buzz-button' data-button-style='normal-count' href='http://www.google.com/buzz/post' title='post on google buzz'><br /> <script src='http://www.google.com/buzz/api/button.js' type='text/javascript'></script><br /> </a></div><div style="clear: both;font-size: 9px;text-align:center;"><a href="http://imjustjasonangel.blogspot.com/2011/05/how-to-add-floating-social-bookmarking.html">Get this</a></div></div><!-- floating page sharer End --><br />