Adding Twitter Follower Box Widget for Blogger

Twitter Follower Box. Many blogger have been waiting for this great application, that allows your visitors to follow you via twitter without leaving your site. It's called Twitter Follower Box or Twitter Fan Box. It works like and is closely based on Facebook fan/Like box algorithm. The code for this Fan box is created by Mark Carey.

If you've visited author site, and follow him on twitter, you'll see the code shown. But you can resize the widget size as you need. Now I'll give you the code, which you can resize to fit in your blog.

Follow the steps below to add this easy to use Follower Box / Fan box to your Blogger Blogs.

1. Go To Blogger > Design
2. Select HTML/JavaScript widget
3. Paste the code below inside it

 <!-- Twitter Follower Box -->
<script type='text/javascript'>
function fanbox_init(screen_name){document.getElementById('twitterfanbox').innerHTML='\<iframe name=\"fbfanIFrame_0\" frameborder=\"0\" allowtransparency=\"true\" src=\"http://s.moopz.com/connect.html?user='+screen_name+'\" class=\"FB_SERVER_IFRAME\" scrolling=\"no\" style=\"width: 295px; height: 250px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; \"\>\<\/iframe\>';}
</script>
<div id="twitterfanbox"></div><script
type="text/javascript">fanbox_init("blogger_hacks");</script
type="text>
<!-- End Twitter Follower Box -->

4. Replace blogger_hacks with your twitter username
5. Save and you are done!

The wiget will looks like image bellow.

If you needed any help about Adding Twitter Follower Box for Blogger feel free to post your question.