How to Display Reading Time in Every Article on a Blog

How to Display Reading Time on Every Article on a Blog - By adding this Reading Time feature, you can know the estimated article, your friend will read it to completion, the longer the better, especially visitors visiting other pages on your blog can also reduce your blog's bounce rate

Reading Time is also not very important for blogs but at least it will add only features to your blog to be presented by visitors, so make your visitors feel at home on your blog. 

Okay, just go to the way ...

How to Display Reading Time in Every Article on a Blog

First, if your blog has not installed Font Awesome, please install Blogger > Themes > Edit HTML, copy the code below, paste above the code </ style> or  ]]> </ b: skin>

span.right {float:right;display:inline-block;padding:10px 5px;}

Also, copy the code below and paste it above code </ body>

<script type='text/javascript'> //<![CDATA[ // Reading Time Author: Michael Lynch http://michaelynch.com Licensed under the MIT license !function(e){e.fn.readingTime=function(n){var t={readingTimeTarget:".eta",wordCountTarget:null,wordsPerMinute:270,round:!0,lang:"en",lessThanAMinuteString:"",prependTimeString:"",prependWordString:"",remotePath:null,remoteTarget:null,success:function(){},error:function(){}},i=this,r=e(this);i.settings=e.extend({},t,n);var a=i.settings;if(!this.length)return a.error.call(this),this;if("it"==a.lang)var s=a.lessThanAMinuteString||"Meno di un minuto",l="min";else if("fr"==a.lang)var s=a.lessThanAMinuteString||"Moins d'une minute",l="min";else if("de"==a.lang)var s=a.lessThanAMinuteString||"Weniger als eine Minute",l="min";else if("es"==a.lang)var s=a.lessThanAMinuteString||"Menos de un minuto",l="min";else if("nl"==a.lang)var s=a.lessThanAMinuteString||"Minder dan een minuut",l="min";else if("sk"==a.lang)var s=a.lessThanAMinuteString||"Menej než minútu",l="min";else if("cz"==a.lang)var s=a.lessThanAMinuteString||"Méně než minutu",l="min";else if("hu"==a.lang)var s=a.lessThanAMinuteString||"Kevesebb mint egy perc",l="perc";else var s=a.lessThanAMinuteString||"Less than a minute",l="min";var u=function(n){if(""!==n){var t=n.trim().split(/\s+/g).length,i=a.wordsPerMinute/60,r=t/i;if(a.round===!0)var u=Math.round(r/60);else var u=Math.floor(r/60);var g=Math.round(r-60*u);if(a.round===!0)u>0?e(a.readingTimeTarget).text(a.prependTimeString+u+" "+l):e(a.readingTimeTarget).text(a.prependTimeString+s);else{var o=u+":"+g;e(a.readingTimeTarget).text(a.prependTimeString+o)}""!==a.wordCountTarget&&void 0!==a.wordCountTarget&&e(a.wordCountTarget).text(a.prependWordString+t),a.success.call(this)}else a.error.call(this,"The element is empty.")};r.each(function(){null!=a.remotePath&&null!=a.remoteTarget?e.get(a.remotePath,function(n){u(e("<div> ").html(n).find(a.remoteTarget).text())}):u(r.text())})}}(jQuery); $(function(){$('.post-body').readingTime();}); //]]> </script>

The last code is the placement of the reading timely suppose you apply between the beginning of the post copy the code below and paste according to your own taste.

<span class='right'><i class='fa fa-clock-o'/> <span class='eta'/></span>


okay all done just click on save button and view your blog how it sees. I hope this article is helpful for you can you also able to do it also remember my website name

Previous article

Next Post

Next article

Previous Post