How to put floating Twitter Fan box on Blogger?

Do you use Twitter and Blogger. And do you know how to put Floating Twitter Fan Box in your Blogger. I If you don't know than follow these simple steps as given below it is very easy and simple so try it.



1.First of all Log in to your Blogger Account and Click on "Template" and then Click on "Edit HTML" and Finally Click on "Proceed".
2.Now in opened HTML Box press <kbd>Ctrl</kbd>+<kbd>F</kbd> from your keyboard at once. After that in opened search box type </Body>.
After that delete </body> and Now copy all the code given below and paste it in exchange of </Body>

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js?ver=1.7.2'></script><script type="text/javascript">jQuery(document).ready(function() {jQuery(".tehtbox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-235"}, "medium");}, 400);}); </script><style>.tehtbox{background:url(https://lh5.googleusercontent.com/-qRzMJl1-tDU/ULUu5Qy2nVI/AAAAAAAAEoQ/d1GSB5usIxM/s100/Twitter.png) no-repeat scroll left center transparent!important;float:right;height:250px;width:230px;z-index:99999;position:fixed;right:-235px;top:20%;padding:0 5px 0 40px} .tehtbox div{margin-right:-8px;border:3px solid #00bef6;background:#fafafa;padding:0} .tehtbox a{font-size:10px;margin-left:40px} </style><div class="tehtbox"> <script type="text/javascript" src="http://s.moopz.com/fanbox_init.js"></script><div id="twitterfanbox"> <script type="text/javascript">fanbox_init("kedargk6");</script><a href='http://www.adhikarikedar.blogspot.com/2012/11/floating-twitter-fan-box-blogger.html'>Get Widget</a></div> </div> </body>
After that the code that you just copy search  kedargk6 there and type Twitter user name in exchagne of kedargk6 and at last click on Save Template .