Add Static Twitter Follow Box With Jquery Hover Effect to Your Blog

Social sharing is the best way to get more traffic sources to a website.For that way there are different social sharing buttons available for your blogger.Here is a static twitter follow box witn jquery hover effect for your blog and website.

I am sure that this static widget will surely increase your traffic sources and get more followers to your blog.So get this widget for your blog.

To appear this widget in your blog follow the steps below:

Step 1: Add Jquery Javascript plugin.(you can ignore this step if you already added jquery plugin)

1.Go to your blogger dashboard-->Template-->Edit Html.

2.Search for </head>

(press ctrl+f to get search box)

3.Place the following code before </head>.

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

4.Save the template.

Step 2: Click Layout-->Add A Gadget-->Html Javascript.

Paste the following code in it.

<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/AVvXsEiRi5zdnKOnf-yF8Zog_7iWnr1vLFJtUnrRMhyjBatly7lrgWDIqAieCURGspjneD0mPYQaAE9ccF9EwAaiNcJWWrnAqoN9dOutDfvQBFsv3p1faN8R00PrUeamqfa9cMoEq6CCL52vQfQ/s1600/twitterfanbox-OT.png") 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("SpiceUpBlogging");</script>

 </div></div>

Step 3: Change spiceupblogging to your twitter name.

Now save the gadget and you are done...

Post your comments and subscribe us via email.