Script menampilkan durasi baca postingan

Cara menampilkan durasi waktu membaca dipostingan Blogger
Oleh:
Pada:

Reading Time

Waktu baca

Reading Time atau durasi waktu baca ini cocok untuk blog yang memuat informasi yang sarat dengan text. Misal Cerita atau berita. Karena jika diterapkan pada blog tutorial Reading Time ini bisa jadi tidak berfungsi karena sering kali pengguna hanya mengambil point pentingnya saja atau terkadang justru lebih lama dari durasinya akibat sibuk praktik atau coba sana-sini dll.

Menampilkan Reading Time dipostingan Blogger

Pasang kode script ini di area <body>.
<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('postBody')); 
  var count = words.split(' ').length; var avg = 200; 
  var counted = count / avg; 
  var maincount = Math.round(counted); 
  document.getElementById('wktBaca').innerHTML = 'Waktu baca: ' + maincount + ' mnt'; 
  /*]]>*/</script>
Kemudian, buat elemen dengan id='wktBaca' atau buat id sendiri asalkan sama dengan yang tertera pada script. Misalkan menggunakan elemen seperti contoh berikut:
<span id='wktBaca'></span>
Letakkan elemen diatas ditempat yang mudah terlihat di halaman postingan kamu.
⇐ Sebelumnya
Selanjutnya ⇒

Posting Komentar

[---- Ads 3 ----]
Cookie Consent
Kami menyajikan cookie di situs ini untuk menganalisis lalu lintas, mengingat preferensi Anda, dan mengoptimalkan pengalaman Anda.
Oops!
Ada yang salah dengan koneksi internet Anda. Silakan sambungkan ke internet dan mulai menjelajah lagi.
AdBlock Detected!
Pemblokir iklan terdeteksi!.
Pendapatan yang kami peroleh dari iklan digunakan untuk mengelola situs web ini, harap memasukkan situs ini ke daftar putih (whitelist) di pengaturan pemblokir iklan Anda.
Site is Blocked
Sorry! This site is not available in your country.