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/AVvXsEgBwhPtUkxv-QTzgDMSM5-QbSHyy4077GFjChjrGCHW1F2ldlSPI1Bbd80gpR6VamAl0bt45vWJcYbrak1xvtMmQROJK2w9tNz0Kf8Xl-y8XghiJvvhu1iqS-j-Luo0iaan7bBpcXa_2Q/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("EXEIDEAS");</script>
</div></div>


Step 3:Change EXEIDEAS to your twitter username.

Don't Forget To Say Thanks