Show twitter counter as plain text in blogger

Recently I have got some comments asking that whether there is a counter for twitter followers which can be shown as plain text.

So, after search I found out at my friends site Otaworks.
I have done some changes. The count is simple with to install and works through JavaScript.

1. CSS
.twitterfollower {
padding: 15px 0 15px 50px;
margin-left:10px;
background : url(http://i41.tinypic.com/64ma1w.png) no-repeat left;
font-size:24px;
color :#81B8C9;}
Place the above code above ]]></b:skin>
2. Now upload the below JavaScript code to a JavaScript host site like Yourjavascript. Don’t forget to place your twitter username in the below code.
$(document).ready(function() { beforecounter = " <b>";
aftercounter = "</b>";
$.getJSON('http://api.twitter.com/1/users/show/Twitter username.json?&callback=?',
function(data) {
$('#twitter').append(beforecounter + data.followers_count + aftercounter);
}); })
3. Get the url of the uploaded script and replace it with the code highlighted bold in the below code.
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript" src="Url of the uploaded script"></script>
Place the above code above </head> tag.
4. Place the below HTml where you want it to be seen and the count will show up.
<div class="twitterfollower">Twitter Followers-<span id="twitter"></span></div>

Grab The Post URL

URL:
HTML link code:
BB (forum) link code:

Leave a comment

  • Google+
  • 0Blogger
  • Facebook
  • Disqus

0 Response to "Show twitter counter as plain text in blogger"

Post a Comment

comments powered by Disqus