Page Views / Post Views Counter Widget For Blogger

Add This To Del.icio.us StumbleUpon This Add to Technorati Digg This

• 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.royaltutor.net'><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.royaltutor.net'><b><font size='2'><script src='http://nirav07.ulmb.com/counter.php' type='text/javascript'/> Views</font></b></a></div></b:if>

Now Go To > Design > Edit HTML.

and mark the tick box "Expand Widget Templates"

Now find (CTRL+F) this code in the template.

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

And after it, paste your widget code
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.
Now click Save Template.