How to add page every post and post view counter for blogspot- blog design

ADD POST VIEW COUNTER :Today I will share  a trick add view counter every  post.
it is very simple and no any effect for your blog but it help you and your visitor  to know the number
 of post views.
Here I share two style counter. see blew picture

 =======================================
 add post counter follow blew steps
========================================

1. for style 1 copy blew 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. For style 2 copy blew 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>

3. Now go templete >> Edit HTML
4. Search

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

after it paste your widget or copied code. 

if you not find above code search blew code and paste your copied code before it.

<data:post.body/>

save templete.

well done