How To Add Display Estimated Post Reading Time on Blogger Website
How To Add Display Estimated Post Reading Time on Blogger Website A new and intriguing widget from Priosoft will be shared today. Your readers will find it easy to determine how long it will take to read your article with the aid of this plugin (e.g How much time it will take.
Please make sure to click on the demo button below to see this widget before adding the timer plugin to your blog. (Just glance at this article's "Title.)
To test this plugin on your personal blog, just adhere to the easy instructions provided below.
How To Add Display Estimated Post Reading Time on Blogger Website
- Go to the Blogger dashboard after logging into your account.
- To access the "Go to post list" icon, click the arrow next to it and choose "Template" from the drop-down menu. If you are already in your blog, you can also select 'Template' from the left navigation menu.
- Click Edit HTML
- You can skip this step if your blog already has the jQuery library installed. Select </head> using Ctrl+V, and then use Ctrl+V to paste the following code before </head>.
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"></script>
- Use the keyboard shortcuts Ctrl+C to search for </b:skin> , Ctrl+C to copy the code, and Ctrl+V to paste it before </b:skin> .
span.right {float:center;display:inline-block;padding:10px 5px;} .read-time{padding:5px;width:100%;background:#ebebeb;margin-bottom:10px;font-family: "Avant Garde",Avantgarde,"Century Gothic",CenturyGothic,AppleGothic,sans-serif;font-weight:700;font-size:12px;}
- Copy and paste the JavaScript code below right before </body> .
<script type='text/javascript'>//<![CDATA[ !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); //]]> </script>
- To display this widget, copy and paste the code below into any desired location.
<div class='read-time'> <span class='right'><i class='fa fa-clock-o'/> Estimated Post Reading Time <span class='eta'/></span></div>
Conclusion
This post will explain How To Add Display Estimated Post Reading Time on Blogger Website. If you find this useful, please share it with your friends. If you still have questions, feel free to join our Telegram groups for more helpful content. The majority of the advice is exclusively available on Telegram Chenall, your preferred ShouNone.