How To Add Static Twitter Follow Box With Smooth Jquery Hover Effect In Blog And Website

Here There are 3 Simple Steps:
If you have a twitter account then it is the best animated widget for your blog and website to get more followers via your site so put this on your blog/website now and get more followers.This will increase your follower count with your real fans or friends.

Step 1: Adding Jquery JavaScript Plugin:-
(Ignore this step if your blog have already a Jquery Plugin)

a. Go to Blogger Dashboard < Design tab > Edit Html 
b. Search for </head> tag
c. Add below line of code Before </head> tag

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>

Step 2: Adding Widget Code:-

<script type="text/javascript">
//<!--
$(document).ready(function() {$(".twitterboxot").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"},"medium");}, 500);});
//-->
</script>
<style type="text/css">
.twitterboxot{background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDqCo5CuUCcKAWPRwZM4GSt7Fq72ZgN9NnKcbPGT0YnmOWDjM_z59pqSkucdvkIQUMbEq0EXW4SFYYESZvE9EpfEC5dm500ig_sLHRpd-1hEDrYUVHQMLNqAc-HheOIyoo0SrbpFRf0g/s150/FollowMeOnTwitter.jpg") no-repeat scroll left centertransparent !important;
display: block;
float: right;
height: 240px;
padding: 0 5px 0 46px;
width: 245px;
z-index: 99999;
position:fixed;
right:-250px; top:60%;}
</style>
<div class="twitterboxot"><div>
<script type="text/javascript"
src="http://script-ot.googlecode.com/svn/twitterbox.js"></script><div
id="twitterfanbox"></div><script
type="text/javascript">fanbox_init("Sahi_Soft");</script>
</div></div>

Step 3: Change Sahi_Soft to your twitter username.
Step 4: Enjoy...!!

This Widget is provided by SAHI SOFT