Home » Blogger Tutorials, Tricks and Hacks » Blogger Posts / Archive Tricks » Page Views / Post Views Counter Widget For Blogger.

Welcome to our AllBlogTools.com v.3 new version, We are still in beta, please contact us to report an error.

|| View All Tutorials ||

Page Views / Post Views Counter Widget For Blogger.

Page Views / Post Views Counter Widget For Blogger.

1 Star2 Stars3 Stars4 Stars5 Stars

Report Error

73,140 views

As a blogger for very long time, I’m sure that every blogger wants to know how many times his new post viewed.
A lot of visitors contacted me about this widget and asked me if it’s possible to do it in blogger.
So today i’ll show you how to do it in blogger,
It’s very easy to do and there are 2 styles for this widget.

Page Views / Post Views Counter Widget For Blogger.

How To Add this widget For blogger.

This is very easy to do it two steps, step 1, choose your widget style,
and step 2, pate it’s code in your blogger template code.

Step 1. Choose the style And get your code.
  • Style 1. ( With Icon ) code,
<b:if cond='data:blog.pageType == &quot;item&quot;'><div align='center' style='border:solid 2px #999999; padding:2px; margin:2px; width:100px; display:compact'><img height='16' src='http://forums.bit-tech.net/images-light/misc/stats.gif' width='16'/> <a href='http://www.allblogtools.com'><b><font size='2'><script src='http://nirav07.ulmb.com/counter.php' type='text/javascript'/> Views</font></b></a></div></b:if>
  • Style 2. ( No Icon ) code,
<b:if cond='data:blog.pageType == &quot;item&quot;'><div align='center' style='border:solid 2px #999999; padding:2px; margin:2px; width:100px; display:compact'><a href='http://www.allblogtools.com'><b><font size='2'><script src='http://nirav07.ulmb.com/counter.php' type='text/javascript'/> Views</font></b></a></div></b:if>

Please copy your widget code and follow instructions in step 2.

Step 2. Add the widget for your blogger blog.

Now go to your blogger account then navigate to, Layout >> Edit html, And before doing any thing you must check Expand Widget Templates box.
And find the next Code

<div class='post-header-line-1'/>

And after it, paste your widget code You can get the widget code from previous step

What, If you didn’t find the code above in your template, The try to find the following,

<data:post.body/>

And paste the widget code Before it.

, after doing this, please click Save Template and you are done.

See A Demo.

you can see a demo for this widget( click here ) , in this demo we use style 1 with the icon,
thanks very much for best blogger widgets

Liked It ? Please Share

Comments

42 Responses | Post A Comment | Subscribe To Comments RSS Feed

  1. fauzi says:

    I like it

  2. HB says:

    Hey MAX nice tool.. was wanted to use it frm a long time.. But i wants it to show the views in the home page.. i mean not only in the post.. but in the homepage itself with all the posts..!! is it posible..!!

    • Max says:

      @ HB and Golden, this can be done easily, you just have to remove 2 parts of the code,
      the above widget code start with the following part.

      <b:if cond='data:blog.pageType == &quot;item&quot;'>

      and ends with the following part.

      </b:if>

      please remove the both parts and the widget will start appearing in home page too.

      • Golden says:

        Hi! Thanks for the reply. I tried your suggestion. The widget showed on the homepage indeed but the page views were wrong. Like on the top post, it will say 6 views (although it will say 16 views when you click on that same article), the next post will say 5 views, and so on and so forth.

        Lots of love,

      • Cosmin says:

        Why not show Viewers?

      • Max says:

        hi cosmin, thanks for commenting, please note that this hack is full of problems, and i mentioned before that i’ll post a better widget, please wait. i wish i can post it soon.

  3. Studio 817 says:

    useful thanks

  4. Golden says:

    Amazing! I just tried it on my blog and it worked. But I hope you can make something where the widget can be seen in the homepage and not only when you open that specific article. Thanks anyway though. I still like it.

    Lots of love,

  5. Beben says:

    what its including if we enter my page or unique visitor…?
    nice…

  6. Osho Garg says:

    Thanks Max :) Gr8 Work

  7. Thanks : I was searching it from a long time..

  8. mau says:

    hi max where to get the widget please? i want the one exactly like yours it suits the color of my blog

    • Max says:

      hi mau, sorry but i don’t understand why do you ask this question. all instructions are included in the tutorial.

      • susanta says:

        how to change the color of the text
        it shows red color .
        i want some other color .
        can it show no. of unique visitors

  9. Thank you very much buddy for this trick. I was looking for this. I just added your link in my blog. Give a look at that.

  10. Is there any way to reset the views to 0

  11. Robin says:

    Hi. Please help me. How can I reset the view count to 0. Thanks.

  12. L2C says:

    It does not work on my blog. Could you help? Thanks

  13. Robin Hood says:

    Why did you deleted my comment. I asked you a a help. I didn’t comment for advertising here. I added your link in my blog since I liked you service. But I never thought that you will do like this. Sorry, I think it was my mistake. My doubt was how to reset the count view code in blogger to 0. Thats y. Ok

  14. Max says:

    hi Robin Hood, sorry for that but i didn’t delete any of your comments, it’s my spam protection software, your comments looked like a spam for the soft ware so it added your comment to waiting approve list, sorry.

  15. giorgos says:

    This code is a hack, it opens an advertisement on any reload!!! Too good to be true!

    • Max says:

      sorry for all, it’s not a hack but the site where the script is hosted has added an advertisements to all hosted files. so i’ll close the comments here and then add another new tutorial soon about the same tool.

  16. Your Comment Here …. *

  17. Hi i am Admin@best blogger widget . Creator of this widget.
    Sorry for inconvinence caused . Its due to my hosting provider now shows ads on my account.
    a new Version is available at http://www.bloggerwidgets.cz.cc
    Features included
    1. Faster load time.
    2. Now views shown as image.
    3. No ads whatsoever
    4. You can display views on HomePage also.

  18. mind your language.
    You cant get it all for free.

  19. dweapons says:

    buddy this script is hacked , i dont know what happen it is your trick or anything else
    . but i puted this script in my blog ,but few days it worked,but suddenly it generate pop up advertisement in my blog,when i remove this script ,my blog working perfectly

    so please dont install it on your blog

  20. crackzack says:

    thnk you.lets try it.

  21. genius posting …..max…so interesting..

  22. Nance says:

    I only see the word ‘Views’ when I go into my comments to see how many views I have on a post. No number shows up. I chose the option with no icon. Help please.

    • Max says:

      hi nance, please note that this is a reported widget, and it’s not perfectly working, i’ll post another one really soon.

  23. Max says:

    hi all, sorry, but this widget have some problems,
    please wait and i’ll post another great one really soon.
    kind regards
    max

  24. Louis says:

    Yes Max, the widget doesnt work anymore. pls help us as soon as possible

  25. Josh says:

    Invalid query: Table ‘counter’ is marked as crashed and should be repaired

    We still wating…help us pleaseee

  26. Film Sharing says:

    Thanks…very interesting

  27. zul says:

    thanks,,, nice share..

  28. hatim says:

    How can we have a page view counter like your.
    the one on the right side.
    Is there any code for it

  29. Max says:

    hi all, sorry, but this widget have some problems,
    please wait and i’ll post another great one really soon.
    kind regards
    max

    this is the second time i mention this info, so i’ll close comments on this tutorial and please keep an eye on allblogtools.com to see the newest alternative for this widget.

Comments will be closed off on this post 365 days (1 year) after it is published. Apologies to this, but it's all about avoiding a growing comment spam problem. See our most recent posts where you can comment here