How To Add Floating Twitter Fan Box Widget To Blogger

SOCIALIZE IT →

Most of web masters are using twitter to send his/her blog's updates to their readers. So this widget is specially for them. This widget is neat clean and simple. It looks similar to the Facebook like box. You can boost your twitter followers by adding this widget. By this widget your readers can follow you without leaving your site. This widget is built with JavaScript, Css, Html and JQuery and was created by Mark Carey.This widget shows your recent 10 followers by default. This widget only appears when someone place the mouse cursor on it , otherwise it will be shrinking at the right side of your blog's body. You can also change it's position to the left side as well. So let's start adding this widget in your blog.

Go To Blogger >> Template >> Edit Html >> Proceed
Tick Expand Widget Templates
Search For </body> (Tip : Press Ctrl+F To Find)
Copy The Code Below & Paste It Above </body>

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js?ver=1.7.2'></script>
<script type="text/javascript">
jQuery(document).ready(function() {jQuery(".tehtbox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-235"}, "medium");}, 400);});
</script>
<style>
.tehtbox{background:url(http://lh5.googleusercontent.com/-q9_zbB_3388/UCOvETdEQpI/AAAAAAAAA4o/F0CfR3hxuk0/s100/Twitter.png) no-repeat scroll left center transparent!important;float:right;height:250px;width:230px;z-index:99999;position:fixed;right:-235px;top:20%;padding:0 5px 0 40px}
.tehtbox div{margin-right:-8px;border:3px solid #00bef6;background:#fafafa;padding:0}
.tehtbox a{font-size:10px;margin-left:40px}
</style>
<div class="tehtbox">
<script type="text/javascript" src="http://s.moopz.com/fanbox_init.js"></script>
<div id="twitterfanbox">
<script type="text/javascript">fanbox_init("YaqoobAlone");</script>
</div>
</div>

Replace "YaqoobAlone" With Your Twitter Username
Press Save Template And See Results !

01 December, 2012