Showing posts with label blog post. Show all posts
Showing posts with label blog post. Show all posts

Friday, April 5, 2013

How To Add Post/Page Views Counter to Blogger

How To Add Post/Page Views Counter to Blogger

This trick is very important if you want to show your blogger post page views to your visitors.I found this tip from here.
1.Login to your blogger dashboard--> layout- -> Edit HTML
2.Click on "Expand Widget Templates"
3.Scroll down to where you see below code:
<div class='post-header-line-1'/>
4.Now below code and paste it just below the above code.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='hit-counter'>
<a href='http://csharpdotnetfreak.blogspot.com' rel='follow'/>
<script src='http://www.amitjain.co.in/pageview.php' type='text/javascript'/>
</div></b:if>
NOTE: If you can't find <div class='post-header-line-1'/> in your template paste above code just before <data:post.body/> .
5.Now save your template and you are done.

How To Add Status Bar Text with Blink Effect

http://www.bloggertipandtrick.net/tutorials/gadget/

How To Add Status Bar Text with Blink Effect

1.Login to your blogger dashboard and go to Layout --> Page Elements.
2.Click on 'Add a Gadget' on the sidebar.
3.Select 'HTML/Javascript' and add the one of code given below and click save.
<script language=javascript>
function statusbar(val)
{
var msg  = "TYPE-YOUR-MESSAGE-HERE";
var res = " ";
var speed = 100;
var pos = val;

if (pos > 0) {
for (var position=0 ; position< pos; position++) {
 res += " ";
}
res+=msg;
pos--;
window.status = res;
timer = window.setTimeout("statusbar("+pos+")",speed);
}
else{
if( -pos < msg.length) {
 res += msg.substring(-pos,msg.length);
 pos--;
 window.status=res;
 timer = window.setTimeout("statusbar("+pos+")",speed);
}
else
{
 window.status= " ";
 timer = window.setTimeout("statusbar(100)",speed);
}
}
}
statusbar(100);
</script>
Now you are done.