This is Easy way 2 steps adding ...
step 1 :
choose your widget style
step 2 :
paste it’s code in your blogger template code.
Style 1 Within icon code:
Style 2 No Icon code:
step 1 :
choose your widget style
step 2 :
paste it’s code in your blogger template code.
Style 1 Within icon code:
<b:if cond='data:blog.pageType == "item"'><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 == "item"'><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>
After selecting any one style,
- Now go to your blogger account then navigate >>Layout >> Edit html >> you must check Expand Widget Templates box >>
- And find[Ctrl+F] 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, click >> Save Template . You are Done!.