Post Views Counter Widget for Blogger

Some blogger wants to know how many their page and post have been read from all user. there are many ways and widget, and here's some example and more easy widget for your blogger. In this widget, you can choose with icon or not. So, if you are interesting this widget, follow this step!

Step 1: Back it Up

Make sure to back up your Blogger Template before doing anything else!

Step 2: Change Page Element

Log into your blogger account, then go to Layout >> Edit Html.
Before doing any thing you must check Expand Widget Templates box.
And find this code:

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

Step 3: Choose your own style

After find those code, choose your own style, then paste your widget code:

1. 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>
   

2. 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>
   

Note:
If you didn’t find the code

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

in your template, The try to find the following,

<data:post.body/>

And paste the widget code Before it.

Step 4: Finish and save

Click Save Template and you are done.

I hope this usefull.

Source: AllBlogTools