How to Add Floating LIKE And Tweet button to blogger

Fcaebook and Twitter the famous social sites to share your work,hows the idea of adding LIKE n TWEET button together with submit to stumble button….
You must have seen some floating share buttons on many blogs…like this one in the picture….
Its is a nice way to put some bookmarking and sharing icons in different styles so that they can enjoy sharing…..

so before adding if you wish you can see a DEMO HERE.

to add this gadget just follow some simple steps..

Login to your Blogger Dashboard.
go to Design>Add a Gadget>Html /Java script..

copy the code in the box and paste it there,(position of the gadget doesnt matters so dnt wry abt where to put that gadget).
<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;”> <br /> <iframe src=”http://www.facebook.com/plugins/like.php?href=” + data:post.url + “&layout=box_count&show_faces=true&width=50& action=like&font&colorscheme=light&height=65″ scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:50px; height:65px;” allowtransparency=”true”></iframe> <br /> </td> </tr> <tr> <td style=”border-bottom: 1px solid #E8E8E8; padding:5px 0px;”> <br /> <script src=”http://www.stumbleupon.com/hostedbadge.php?s=5″></script> <br /> </td> </tr> <tr> <td style=”border-bottom: 0px solid #E8E8E8; padding:5px 0 0px 0;”><br /> <a href=”http://twitter.com/share” class=”twitter-share-button” data-count=”vertical” data-via=”abhi_forall”>Tweet</a><script type=”text/javascript” src=”http://platform.twitter.com/widgets.js”></script> <br /> </td> </tr> </table> </div>

You Need to Replace abhi_forall with your twitter username..
save it you are done.