Thursday, 23 August 2012

Display Number of Twitter Followers as Text Using JQuery.

 Display Number of Twitter Followers as Text Using JQuery.

1.Log in to your dashboard--> Desing- ->Page Elements
2.Click on 'Add a Gadget'.
3.Select 'HTML/Javascript' and add the code given below and click save.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$.ajax({
   url: 'http://api.twitter.com/1/users/show.json',
   data: {screen_name: 'YOUR-TWITTER-USERNAME'},
   dataType: 'jsonp',
   success: function(data) {
       $('#followers').html(data.followers_count);
   }
});
});
</script>


I have <span id="followers">&nbsp;</span>  Twitter followers.
NOTE : Replace YOUR-TWITTER-USERNAME with your twitter username.
Now click on save Java script.You are done

No comments: