How to Add Sliding hover effect Twitter Fan Box on blogger?

Social networking sites Twitter-Facebook-Stumbleupon etc., are playing vital role in connecting people for sharing information with each other. In the earlier posts we shared about adding Simple Facebok Fan Box - Sliding hover effect facebook fan box to blogger and Simple Twitter Fan Box to blogger. Now, let's learn about Adding Sliding/Floating Twitter Fan Box/Following Widget with simple JQuery hover effect to attract the visitors/readers to join to your Social network. This animated sliding Twitter fanbox widget gets you more followers to increase more traffic and counts to your blog.

How to Add "Sliding/Floating Twitter Follow widget for blogger?

Step 1:
Sign into your blogger account
Click on "EDIT HTML" link tab
Now, search for code

</head>

After finding the code copy the below code and paste above to 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/AVvXsEiuwbzTK1CxYwlQ31vvoYqM79tXksvJHRXMYFOvZCURg-22z2CBIJk_LkAfIqZ8s5GxbRYCe9Mpo4OhGZYARRYM-FcsXhuzDxNWodgkTIEC201Q0UhT15ctjFG4WugFql7KkduzGTj1glM/s660/blogtariff.com-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("BLOGTARIFF");</script>
</div></div>

Customization

After adding the above code replace “BLOGTARIFF” with your twitter username, that’s it you’ve done. Now “Save the template” and preview your experiment.

Appreciation:

If you enjoyed this article and we helped you little bit let know your views and suggestion via comments. We always appreciate on Subscribing to US – Don’t miss ensuing posts.