Sliding Twitter Followers Box

Twitter is an online social networking and microblogging service. It was created in March 2006 by Jack Dorsey and launched that July. Anyway now i'm going to show you Sliding Twitter Followers Box. Twitter is providing follow button to your blog/website, but i think it is not more attractive for the twitter users, that only a simple button, but here a different twitter followers box for your blog/website, actually this plugin just like facebook like box. You will never seen this plugin on another websites. because i created it myself with the help of moopz.com, i got twitter followers box script from that and i create in to sliding twitter followers box, it will float on your blog/website. and when the visitors mouse over, it will animate by sliding to left.

Live Demo

Watch the live demo at right side of this Page

if Your are Blogspot user, then click add to blogger to add this Sliding Twitter Followers Box widget. Very Easily

CODE

Here the three mixed code, such as javascript, CSS, twitter followers script.

<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/AVvXsEgWA8vysfKceuThCKzRXH1yQL7gqw5b-8kIe8w0tLFBBS_hCtjrDAA-Z_4SDAIwAHun_D1RMUYyH8sh7H52rsCakF1CiLjdPI0hlesOa9zlPNKwDAHfy78wjxe8od3xDxY5kCLjZ2ITYus/s1600/twitterfanbox-OT.png") no-repeat scroll left center transparent !important;
display: block;
float: right;
height: 240px;
padding: 0 5px 0 46px;
width: 245px;
z-index: 99999;
position:fixed;
right:-250px; top:20%;}
</style>
<div class="twitterboxot"><div>
<script type="text/javascript" 
src="http://softglad.at.ua/twitter.js"></script><div 
id="twitterfanbox"></div><script 
type="text/javascript">fanbox_init("onlinetrick");</script></div></div>

In 21th line, you need to change onlinetrick with your twitter username.

JQUERY

Here the jQuery plugin. It must need for working this Sliding Twitter Followers Box.

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

Tweet This Plugin

-->

SHARE

Tweet