Friday, November 21, 2008

Display Your blog Statistics On Blogger blogs

Who doesn't want a fully professional look into their personal or professional blogs? Yes statistics widget is just going to do that. Wish we could show how many Posts and comments your blog has in a form of a bar graph or a pie chart. But that will need more brainstorming sessions. Till then you can try this widget to Display Your blog statistics of your blogger or blogspot blogs. This widget shoes the blog stats in text format.

To display your blog statistics, you can install this widget as shown below :)

Step1: Login into your blogger Dashboard

Step2. Your blogger Dashboard will have a Layout link to your blog where you want to install this statistics widget. Now you need to enter into your blogger layout.

Step3. Click On " Add a Gadget "


Step4. Scroll down in your blogger gadgets page and you will find "HTML/JavaScript" as shown below. Please click on "+" button on the right hand side.


Step5. Now You will get a "Configure HTML/ JavaScript" window where you can enter a suitable blogger title for ex: My stats or blogger stats or statistics anything you prefer.


Step6. Copy the following code into the content section.


<script style="text/javascript">

function numberOfPosts(json) {
document.write('Total Posts: <b>' json.feed.openSearch$totalResults.$t '</b><br>');
}

function numberOfComments(json) {
document.write('Total Comments: <b>' json.feed.openSearch$totalResults.$t '</b><br>');
}

</script>
<ul><li><script src="http://yourblog.blogspot.com/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script></li>

<li><script src="http://yourblog.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script></li></ul>

<span ><a href="http://chethstudios.blogspot.com/" target="_blank">Widgets for Blogger</a></span>


Step7. Please change yourblog into the blog address/ url

Step8. Now you can click on the save button. :)

Step9. This is the most important step! You can drop me a comment if I helped you in any way! :) that's it! your widget will work like a charm. Show off your blogger blog statistics just the way wordpress users do with the statistics widget.

12 comments:

  1. Wow I was searching for a blogger statistics widget which is similar to wordpress. this one suits perfect thanks cheth

    ReplyDelete
  2. @Kelly do check out more amazing gadgets, widgets,hacks,tweaks for blogger at this place

    ReplyDelete
  3. Landed here from your twitter profile. You have some great tweaks for blogspot here. Love the statistics plugin for blogger

    ReplyDelete
  4. Cheth,

    Once again, another great tool for us all. I'll see about adding that in right now.

    ReplyDelete
  5. Hey Cheth,

    For some reason, I'm not able to see the stat widget. It only shows a link back to you when I save it. Also, the bookmark still isn't working either. Could it be the template that doesn't allow those on the page? I can email you the template if necessary. Just let me know because I would like to add them especially the bookmark.

    ReplyDelete
  6. @ zara
    Thanks a ton for those sweet words :)

    @David Funk
    I'm not sure why you are unable to use the widgets. I'm using the bookmark buttons as well as you can see here and its the same code. Please send me your template code if you badly need the widget. I will be happy to help you :)

    ReplyDelete
  7. I love this widget
    Thanks a lot
    :D

    ReplyDelete
  8. It doesnt working on my blog- http://genuinepromotions.blogspot.com What i can do? Please help me.

    ReplyDelete
  9. Its working fine my friend take it easy and try in your test blog befroe you use it in you main blog. :)

    ReplyDelete
  10. i tried this widget on lots of my blogs, but this widget only displays the link to cheth studios. Is there any mistake on script?

    ReplyDelete
  11. <script style="text/javascript">function numposts(json) { document.write('Total Posts :' json.feed.openSearch$totalResults.$t '<br>'); }function numcomments(json) { document.write('Total Comments :' json.feed.openSearch$totalResults.$t '<br>'); }</script>
    <script src="http://chethstudios.blogspot.com/feeds/posts/default?alt=json-in-script&callback=numposts"></script>
    <script src="http://chethstudios.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numcomments"></script>

    ReplyDelete
  12. use the above script guys.. its working fine tested.

    ReplyDelete

Please Don't Spam that's all. Grab our RSS Feed and we would Love to see you in our comments section more often.