You have seen Slider Twitter, Facebook and Google Buzz on Mashable. You can see in my Blog too on the left (Screen Resolution should be bigger than 1024 x 768 pixels)

I am going to show you how you can implement in your blog without any plugin. It is very simply. All you need to edit is 2 files – single.php ( file that shows blog posts) and your stylesheet

Paste this code in single.php file after php get_header() line

Make sure there is no  <⁄div>
below the above line. If there is place the code after <⁄div>


<div id="tweet_share">
<div style="margin: 0 3px 0 0;">
<div style="margin: 0 0px 0 9px;">
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
<br/>
</div>
<br/>
<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 style="margin:5px 0 0 8px;"> <a title="Post on Google Buzz" href="http://www.google.com/buzz/post" data-button-style="normal-count"></a>
<script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>
</div>
</div>

Paste this code in your theme stylesheet. Normally it is style.css


#tweet_share {
float:left;
margin:7px 0 0 -71px;
position:fixed;
width:70px;
}


You might have to change the value -71px if the slider comes over your post or goes too far.
If you change -71px to -81px, it will go on left and if you change -71 to -61, it would go on right, i.e towards the post.

So you now have Sliding Facebook, Twitter and Google Buzz share icons with live counter without any plugin.