Page Views / Post Views Counter Widget For Blogger.

 

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.

 

_____________________________________________________________________

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
source : http://www.allblogtools.com