Post Top Ads

Your Ads Here
73745675015091643

How To Add Estimated Post Reading Time To Your Blogger Template

add estimated reading time in blogger template

As in WordPress, many blogspot users have been looking for ways to add estimated reading time in blogger template. This is because it does not only make the website look good, but also the blog read time calculator helps your readers to know how long it will take them to read a particular article in your blog. This is somehow like the blog post reading time plugin which is available for WordPress users, but only that this one is a Javascript, which makes it easier for Blogspot users to enjoy.

The average article reading time feature was first seen on the latest version of Jagodesain's Fletro Pro Blogger Template, which is the Fletro Pro v5.5. Though this update isn't officially released yet, but we can see from the demo website and it is a great feature. You can also see this feature on our blog, just above the title of each posts. 

How To Show Estimated Reading Time In Blogger

We present to you the estimated reading time javascript which we got from github.com/ajaymalik14/. In order to make it work on your blog, please follow the steps below.
  • Login to your blogger dashboard and navigate to the Theme.
  • Click on the (drop down menu) arrow beside the "CUSTOMIZE" button.
  • Click on Edit HTML.
  • On the HTML console, search for </body> alternatively, you can scroll to the end of the codes, then you will see the </body> right above </html>.
  • Paste the following script right above the </body>.

<b:if cond='data:view.isPost'>
<script>/*<![CDATA[*/ function get_text(el) {ret = ""; var length = el.childNodes.length; for(var i = 0; i < length; i++) {var node = el.childNodes[i]; if(node.nodeType != 8) {ret += node.nodeType != 1 ? node.nodeValue : get_text(node);} } return ret;} var words = get_text(document.getElementById('post-body')); var count = words.split(' ').length; var avg = 200; var counted = count / avg; var maincount = Math.round(counted); document.getElementById("read-time").innerHTML = maincount + " minutes read"; /*]]>*/</script>
</b:if>

  • After pasting the script, apply the below code, anywhere you want the reading time to appear.

<span id='read-time'/>

You can then check any of your posts to see the estimated reading time working. 

7 Comments

  1. Through www.amazon.com/mytv - how you can connect your mobile phone

    to Amazon Prime. Through Amazon.com/mytv, you can watch your favorite

    TV shows, series movies. You can watch prime videos anywhere on your device. Users need to create an Amazon

    account if they don’t have an Amazon account and enter the Amazon my TV activation code to watch Amazon prime

    videos on your device.

    Amazon.com/mytv
    www.amazon.com/mytv

    ReplyDelete
  2. ยินดีต้อนรับสู่ UPLAY365.COM เว็บพนันออนไลน์ All In One ที่รวมเว็บพนันออนไลน์อันดับ 1 ไว้ที่เดียวกันมากที่สุด ไม่ว่าจะเป็น เกมส์ไพ่ ที่เป็นที่นิยม เช่นบาคาร่า แบล็คแจ็ค เสือมังกร หรือจะเป็น รูเล็ต สล็อตออนไลน์ คีโน โป๊กเกอร์ forex ไก่ชน เกมส์ยิงปลา แทงบอล แทงบาส เทนนิส ESPORT แทงมวยไทย และอื่นๆอีกมากมาย พร้อมเทคโนโลยีชั้นนำจากผู้ผลิตซอฟต์แวร์เกมส์ระดับโลก ความน่าเชื่อถือได้มาเป็นอันดับ 1 สามารถเล่นได้ทั้งบนคอมพิวเตอร์ , มือถือ ระบบ android และ IOS *คาสิโนออนไลน์ : สามารถเลือกเล่นกับคาสิโนชั้นนำดังนี้ SexyBaccarat, AG Casino, GOLD Casino, SA Casino, W88 Casino, D88 Casino, WM Casino, GD Casino เป็นต้น *แทงบอล : U กีฬา (U SPORTS) , S กีฬา (S SPORTS) มั่นใจได้เลยว่า อัตราการจ่ายค่าน้ำดีที่สุดต้อง uplay365 เหมาะสำหรับทั้งนักพนันมืออาชีพและ มือใหม่ โดยทางเรามีพนักงานคอยสอนเรื่องการแทงบอลเบื้องต้น แทงง่าย อัตราจ่ายดี *สล็อตออนไลน์ ,เกมส์ยิงปลา : JOKER123,PLAYTECH และอื่นๆ อีกมากมาย ทั้งหมดนี้ สามารถเล่นได้ใน 1 ยูสเซอร์เท่านั้น สนใจสมัครสมาชิกรับเครดิตฟรี สามารถสมัครได้ตนเองที่หน้าเว็บ หรือติดต่อ Callcenter โดย ทางเรามีพนักงานไว้บริการและแก้ปัญหา ตลอด 24 ชั่วโมง สอบถามข้อมูลเพิ่มเติมได้กับแอดมินได้ตลอด 24 ชม.ค่ะ


    ALLBET Casino
    ALLBET

    ReplyDelete
  3. How can I add estimated views in blogger. Eye views button.

    ReplyDelete
    Replies
    1. Hello sir, sorry for the late reply, I will publish a new article about it very soon. 👍

      Delete
  4. How can I change it to in any language except English?

    ReplyDelete
    Replies
    1. Hello sir, in order to change it from English to any other language, just look for the text "minutes read" from the script and replace with your language..

      Delete

1. Display images directly paste the link (http...jpg)
2. Show video directly paste the link
3. Write code in the comments code_parse_here

Comment fairly and in accordance with the topic in the article, don't send spam links in the comments column.

Post a Comment (7)

Advertisement

Your Ads Here
Your Ads Here