Hello sobat IcloudZer kali ini admin akan memberikan informasi seputar dunia blogging dan terbaru pastinya, oke admin akan membahas mengenai tajuk bagaiamana caranya membuat waktu baca otomatis diblogger terbaru dan mudah pastinya
Info: Baiklah jika kamunya sudah penasaran yuk langsung aja kita bahas
Menggunakan Script
Sebenarnya untuk membuat dan menampilkan waktu baca otomatis diblogger itu mudah sekali sobat hehehe, sobat hanya oerlu menggunakan sebuah script khusus untuk menampilkan waktu baca Didalam blog sobat
Info: Sebagai informasi nih sobat bahawa script merupakan panggilan atau sebutan dari Javascript oke
Penggunaan HTML
Sedangkan untuk menampilkan waktu bacanya kita bisa menggunakan kode HTML, dan ubtuk membuat tmapilan waktu bacanya kita bisa menggunakan kode CSS
Penggunaan CSS
Sedangkan untuk membuat tampilan waktu baca semakin menarik kita bisa menggunakan kode CSS, dan untuk membuat nya kita hanya perlu menggunakan sebuah script, sebagaimana yang sudah saya bahas sebelumnya
Cara Penggunaan
Baiklah sekarang kita langsung aja membahas bagaiamana caranya membuat waktu baca otomatis didalam blog, baca dan pelajari setiap langkah yang admin berikan oke
Kode Javascript
Salin kode Javascript dibawah ini kemudian letakkan diatas kode </body>
<script>/*<![CDATA[*/
function get_text(all) {ret = ""; var length = all.childNodes.length; for(var i = 0; i < length; i++) {var node = all.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("rah-read").innerHTML = maincount + " rah ~ menit waktu baca";
/*]]>*/</script>Kode HTML
Nah langkah selanjutnya kamu bisa menyalin lagi kode dibawah ini kemudian letakkan kodenya sesuai keinginan kamu aja ok
<span id='rah-read'><data:post.lastUpdated/></span>Info: Jika kamu ya bingung letakkin saja diatas kode <data:post.body/> ok