Sunday, September 6, 2009

Add Twitter Followers Counter to Blogger

Placing a Twitter Follower Counter on your Blogger (BlogSpot) site, which displaying the number of followers you have on Twitter will encourage other readers to begin following you on Twitter. This is quite similar approach to feed burner subscriber counter on your site which is encouraging for new subscribers.

You can either embed the button code given below to your xml template via EDIT HTML or Using a HTML/JAVASCRIPT Gadget.

Using HTML/JAVASCRIPT Gadget:
1. Login to Blogger account

2. Navigate to page Layout > Page Elements

3. Click on the link to add a Gadget where you wish to place twitter counter, it can be either footer or sidebar.

4. Choose HTML/JavaScript from the gadgets list.

5. Paste any of the following scripts as you prefer.
  • Standard Button:
Standard Twitter Button
<script type="text/javascript" language="javascript" src="http://twittercounter.com/embed/?username=Tutoorials.com"></script>

  • Black Button:
Black Twitter Button
<script type="text/javascript" language="javascript" src="http://twittercounter.com/embed/?username=Tutoorials.com&style=black"></script>

  • White button:
White Twitter Button
<script type="text/javascript" language="javascript" src="http://twittercounter.com/embed/?username=Tutoorials.com&style=white"></script>

  • Blue button:
Blue Twitter Button
<script type="text/javascript" language="javascript" src="http://twittercounter.com/embed/?username=Tutoorials.com&style=blue"></script>

  • Big Bird Button
Bird Twitter Button
<script type="text/javascript" language="JavaScript" src="http://twittercounter.com/embed/?username=Tutoorials.com&style=bird">
</script>


6. Replace the Tutoorials.com with your Twitter username.
EX. username=USER-NAME

Embedding the twitter button code to your xml template:

For that you have to parse the html codes given above using HTML encoder and place it within the template where you want the button appear. Before that don't forget to backup your template.

If you prefer more Twitter Counter badges find at twittercounter.com

0 comments:

Post a Comment