Cara menghitung jumlah kata di blog (word count)
Sebenarnya sobat masih bisa sih menggunakan aplikasi pihak ke tiga untuk menghitung kata ini. Misanya menggunakan Word Counter yang ada pada Smalltools, tapi yang menjadi perhatian kita masih belum percaya dengan aplikasi tersebut. Bisa saja kan konten yang kita pastekan pada tools itu disimpan oleh pemilikinya.
Nah agar lebih aman, kali ini Blog kak Ryan akan membagikan kode javascript word count otomatis. Sobat tidak perlu mencopy paste artikel ke kotak hitung seperti diatas, javascript dibawah ini kita akan pasang secara langsung di Blogger.
Tapi sebelumnya pastikan sobat memahami dulu ya, dasar-dasar kode HTML, dasar-dasar kode meta tag function blogger. Jangan takut Error, karena kode ini sudah pernah saya coba, dan bekerja dengan baik.
Cara kerja dari javascript ini adalah memotong kata-kata pada setiap artikel dengan karakter pemisah berupa space. Kemudian kata-kata yang dipecah tadi akan dihitung, dan itulah cikal bakal jumlah kata yang akan kita dapatkan. Tenang saya kode HTML tidak akan dibaca oleh penghitung ini, kecuali kode entities.
Langkah Pemasangan: Sebelumnya silakan sobat cadangkan terlebih dahulu template yang sobat gunakan, kemudian bagi dua (buat duplikasinya). Satunya buat kita Moddif, satunya lagi buat jaga-jagan kalau ada kesalahan bisa dikembalikan seperti semula.
Sekarang sobat buka aplikasi teks editor andalan sobat, kalau mimin sih cukup menggunakan aplikasi X-Plore saja hehehe. Silakan sobat cari kode yang dibawah ini:
<data:post.body/>Kalau ketemu ganti dengan kode dibawah ini, pasti ada banyak. Pokoknya ganti semua, dan bagi yang menggunakan template Evomagz biarkan saja.
<div id='body-post-it'> <data:post.body/> </div>Sekarang selesai, langkah selanjutnya salin kode dibawah ini, cari tag </body> lalu pastekan kode ini sebelum kode </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('body-post-it'));
alert(words);
var count = words.split(' ').length;
document.getElementById('panjangX').innerHTML = count;
//]]>
</script>Sekarang hampir selesai, selanjutnya tinggal sobat cari kode breadcrumbs. Letakan kode dibawah ini pada list nama breadcrumbs terakhir. Kode ini bisa dilekatan dimana saja, boleh melalui menu tata letak jika kebingungan menempatkanya dimana.
(Total : <span id='panjangX'></span> Kata )Setelah di edit jangan lupa pasangkan template tadi ke blogger caranya tinggal unggah thema melalui menu cadangkan di blogger.
Cara diatas adalah cara pemasangan pada blogger atau blogspot, sobat bisa menggunakan kode scriptnya di tempat lain. Yang paling penting itu kode Javascript dan kode HTML penampilnya saja. Berikut ini adalah contoh kode lengkapnya jika ditulis tanpa melalui template blogger, kode dibawah ini bisa sobat aplikasikan untuk website lain.
Total : <span id='panjangX'></span> Kata<br/>
<div id="body-post-it">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec qu </div>
<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('body-post-it'));
alert(words);
var count = words.split(' ').length;
document.getElementById('panjangX').innerHTML = count;
//]]>
</script>Demikianlah kode javascript penghitung jumlah kata otomatis pada blog kali ini, jika sobat ingin menggunakan versi word count copy paste silakan buka page ini: Hitung berapa banyak jumlah kata pada artikel, tunggu dulu sebelum sobat pamit dari halaman ini mimin masih punya artikel rekomendasi keren lainya.
Video Pilihan