Make a Twitter Fan Box Similar to Facebook Like Box

by

Facebook Like Box is so popular among bloggers that almost in every blog you will find this social widget. The box is very smart itself and shows likes from close friends. This attracts more people to like it and increase your audience.

I encountered a similar box for Twitter while roaming on Moopz website. The work was shared by Mark Carey. The Box looks like this. Please note that this is not an official widget.

There is a small difference in profile display algorithm. As the Facebook Fan Box displays a combination of visitor’s friends and some random profiles, this Twitter Follow Box always displays the 10 most recent followers. This is also good in some sense.

To render the follow box, add this piece of JavaScript code in your page. For Blogger or WordPress sites this code can be added as a custom Javascript widget.

<script type="text/javascript" src="http://s.moopz.com/fanbox_init.js">
</script>
<div id="twitterfanbox"></div>
<script type="text/javascript">
fanbox_init("techvigil");
</script>

Replace techvigil word of the fifth line with your own Twitter Handle. Now the widget is ready to serve for your visitors.

When rendered on a webpage, people can simply click on the Follow button to start following you from the same page. When they click on the Follow button, a Twitter authentication popup appears. When authorized, the popup closes and the Fan Box refreshes automatically to show the new follower profile in the box.

[Credits : Mark Carey]