Thursday, June 7, 2012

Twitter Follower Box Widget Like Facebook Social Plugin

We got a new tutorial the Twitter Follower Box look like a Facebook Follow/like.

Many website designer 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 Fan box code 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.

Here's the step by step installation of Twitter  Follower Box / Fan box to your website of blogs.

a. Go To Blogger > Design
b. Select HTML/JavaScript widget
c. 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("lyricspinas");</script
type="text>

<!-- End Twitter Follower Box -->

d. Replace lyricspinas with your twitter username
e. Save and you are done!

The widget will looks like above photo. Good Lucks guys.
Share:

0 comments:

Post a Comment