How to Add Floating Facebook Like and Retweet Counters To Your Websites or blog

Today I would like to place here some Floating Facebook Like and also some other social media floating buttons for your website or blog.

How To add Floating Facebook Like, Retweet and Stumble Upon Counter to Blogger?

1. Go To Blogger > Design
2. Select HTML/JavaScript Widget from anywhere (Position doesn’t matter)
3. Inside it paste the code below

    <div style="display:scroll; position:fixed; top:40%; left:2%; border: 1px dotted #E8E8E8; padding:0px 0px 0px  5px; height:220px; width:53px ">
    <table cellpadding="1px" cellspacing="0">
    <tr>
    <td style="border-bottom: 1px solid #E8E8E8; padding:5px 0 2px 0;">
    <div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like font='' href='' layout='box_count' send='false' show_faces='false'/>
    </td>
    </tr>

    <tr>
    <td style="border-bottom: 1px solid #E8E8E8; padding:5px 0px;">
    <script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script>
    </td>
    </tr>

    <tr>
    <td style="border-bottom: 0px solid #E8E8E8; padding:5px 0 0px 0;">

<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="bloggingtrainings.blogspot.com">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
    </td>
    </tr>

    </table>
    </div>

     4.    Simply replace bloggingtrainings.blogspot.com with your twitter username.

     5.    Save your widget and you are Done!