Saturday, April 16, 2011

Show Block Statistics in Sidebars

Did you ever feel to show total number of posts of your blogger (.blogspot) hosted blog ? Do you want to show total number of posts posted in your blog posts ? and Do you want to show total number of users Online browsing or using your blog ? So, this trick/tip is for you. Now You can show total number of posts, comments and number of users online, in your blog using HTML/Javascript Widget. After the following below given steps, you will get the results as shown in below shown picture.
If you want to show the statistics of your blog as shown in above picture, just follow below given steps.
  • Login to Your Blogger Account
  •  On Your Dashboard, Click on Layout (see below shown picture for further assistance)
 
  •  Now Add an HTML/Javascript Widget and Paste Below given code in that HTML/Javascript Widget
<script style=”text/javascript”>
function totalPosts(json) {
document.write(‘Stories: <b>’ + json.feed.openSearch$totalResults.$t + ‘</b><br>’);
}
function totalComments(json) {
document.write(‘Comments: <b>’ + json.feed.openSearch$totalResults.$t + ‘</b><br>’);
}
</script>
<script src=” /feeds/posts/default?alt=json-in-script&callback=totalPosts”></script>
<script src=” /feeds/comments/default?alt=json-in-script&callback=totalComments”></script>
<p style=”margin-top: 0; margin-bottom: 0″>
<table border=”0″ bordercolor=”#111111″ id=”AutoNumber1″ cellpadding=”0″ cellspacing=”0″ style=”border-collapse: collapse” width=”100%”>
<tr>
<td width=”35%”>
Online Readers:</td>
<td width=”65%”><p style=”margin-top: 0; margin-bottom: 0″><b><script src=”http://fastonlineusers.com/on3.php?d=YOURBLOG” type=”text/javascript”></script></b></p></td>
</tr>
</table></p>
<script type=”text/javascript”>
try {
var pageTracker = _gat._getTracker(“UA-4679235-4″);
pageTracker._trackPageview();
} catch(err) {}</script>
  • Modify YOURBLOG to your blog address/url ( myblog.blogspot.com)
  • DONE !
Now Save the widget and check your blog. if you feel any problem discuss here using comments form.

No comments:

Post a Comment