Blogger Skill

Show time for reading a post is a tip that can help readers recognize how much time they spent for a post. It is very time-saving for people who are always busy on Internet. It is estimated that people spend one minute for reading a post having 300 words. According to this statistic, we can estimate the time we read a post thoroughly.

You can see the DEMO in this blog.

 Here are some steps to put this tip into your blog:

 - Step 1: Put the code below above the </head>.


     

<script type='text/javascript'>
//<![CDATA[ 

// Estimate-time-to-read-blogspot-post Script 

var wordsperminute = 300;

var imagesperminute = 30;

function timeperpostreading(id) {

var postcontent = document.getElementById(id);

var img = postcontent.getElementsByTagName("img");

var numimg = img.length;

var strx = postcontent.innerHTML;

if(strx.indexOf("<")!=-1) {

var s = strx.split("<");

for(var i=0;i<s.length;i++){

if(s[i].indexOf(">")!=-1){

s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);

}

}

strx = s.join("");

}

var blankfirst = /^ /;

var blankfinal = / $/;

var blanktotal = /[ ]+/g;

strx = strx.replace(blanktotal," ");

strx = strx.replace(blankfirst,"");

strx = strx.replace(blankfinal,"");

var words = strx.split(" ");

var numwords = words.length;

var minutes = parseInt((numwords/wordsperminute)+(numimg/imagesperminute));

var seconds = parseInt((((numwords/wordsperminute)+(numimg/imagesperminute))-minutes)*60);

minutes=("0" + minutes).slice (-1);

seconds=("0" + seconds).slice (-2);

var forreturn = "Time for reading this post: "+minutes+":"+seconds;

document.getElementById("timeperpost").innerHTML = forreturn;

}

//]]>

</script>

Step 2: Find <div class='post-header-line-1'/> and put the below code above it:

<p id='timeperpost'/>

Next, you find: <data:post.body/> (or <p><data:post.body/></p>) and replace it by the below code:

<div expr:id='data:post.id'>

<div expr:id='data:post.id'>

<p><data:post.body/></p>

</div>

<script type='text/javascript'>

timeperpostreading(&quot;<data:post.id/>&quot;);

</script>

Save template and see the result.