How to Make a Floating Share Button

Create share articles floating (floating button) is a continuation of my previous post How to Install Button Share article on the Blog. The difference is that the share float is simply to share articles to social bookmarking only 4 services that share articles to Facebook, Twitter, Google Buzz and Google Plus One (+1). The important thing is sharing this article post.
Ya good buddy simply inserting floating share buttons on the blog:1. Login to your blogger dashboard.2. Select Design> Page Elements> Add gadget (HTML / JavaScript).3. Copy the script below and paste it into a new gadget before.


    <style>
    # Pageshare {position: fixed; Bottom: 15%; margin-left:-71px; 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 ;/ * bs-fsmsb * /-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>
    <div id="pageshare" title="Get this code from rayhanzhampiet.blogspot.com">
    <div class="sbutton" id="fb">
    <a href="http://www.facebook.com/sharer.php" name="fb_share" type="box_count"> Share </ a> <script src = "http://static.ak.fbcdn. net / connect.php / js / FB.Share "type =" text / javascript ">
    </ Script> </ div>

    <div class="sbutton" id="rt">
    src="http://tweetmeme.com/i/scripts/button.js" <script type="text/javascript">
    </ Script> </ 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">
    src="http://www.google.com/buzz/api/button.js" <script type="text/javascript">
    </ Script>
    </ A> </ div>

    <div class="sbutton" id="gplusone">
    src="http://apis.google.com/js/plusone.js" <script type="text/javascript">
    </ Script>
    <g:plusone size="tall"> </ g: plusone> </ div>
    </ Div>
4. Save / Save.
Update March 5, 2012:
The assembly widget in the template:

    Replace / edit code # pageshare {position: fixed; Bottom: 15%; margin-left:-71px; float: left; with this code # pageshare {display: scroll; position: fixed; top: 165px; left: 30px;
    Login to blogger dashboard, select Design> Edit HTML
    Put a widget script right above the code in the template.
    Save / Save.

Short enough not turn out how to install floating blogspot share this article? Good luck share how to create a blog article and hopefully my friend happy with the results.