Cara Membuat Tools Word Counter Otomatis di Blogger

Halo semua! Pada artikel ini, saya akan membagikan cara membuat alat penghitung kata (Word Counter) yang dapat dipasang di halaman blog. Sebagai penulis blog, penting bagi kita untuk memastikan bahwa tulisan yang dibuat tidak hanya menarik dan informatif, tetapi juga memiliki jumlah kata yang ideal.

Kenapa Jumlah Kata Itu Penting?

Jumlah kata dalam artikel sering kali menjadi patokan untuk menilai kualitas dan kelengkapan sebuah tulisan. Ada dua sudut pandang umum dalam hal ini:

Ada yang menyarankan menulis artikel sepanjang dan selengkap mungkin.

Ada pula yang lebih menyarankan tulisan yang padat, ringkas, namun tetap jelas.

Sebagai kompromi, artikel dengan panjang antara 300–500 kata sering dianggap ideal. Jumlah ini cukup untuk menyampaikan informasi tanpa membuat pembaca merasa bosan atau kelelahan.

Bagaimana Cara Menghitung Jumlah Kata?

Kebanyakan blogger biasanya menggunakan tools word counter online untuk menghitung jumlah kata dan karakter. Tapi akan lebih praktis jika kamu memiliki alat word counter sendiri yang terpasang langsung di blog.

Selain bermanfaat bagi diri sendiri saat menulis, alat ini juga bisa menambah fitur menarik bagi pengunjung.

Klik tombol Demo untuk melihat tampilan dari tools ini secara langsung. Jika kamu tertarik, ikuti panduan di bawah ini untuk memasangnya di blog kamu.

Langkah Memasang Tools Word Counter di Blogger

Buka dashboard blogger > halaman > buat halaman baru lalu salin semua kode script dibawah ini dan pastekan dalam tampilan HTML.

<div id="word-counter">
<div class="frame">
<textarea id="text" spellcheck="false"></textarea>
</div>
<div class="button-group">
<table>
<tbody>
<tr>
<td>Jumlah Kata :</td><td id="wordCount">0</td>
</tr>
<tr>
<td>Jumlah Karakter :</td><td id="totalChars">0</td>
</tr>
<tr>
<td>Jumlah Karakter (tanpa spasi) :</td><td id="charCountNoSpace">0</td>
</tr>
</tbody>
</table>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
counter = function() {
    var value = $('#text').val();

    if (value.length == 0) {
        $('#wordCount').html(0);
        $('#totalChars').html(0);
        $('#charCountNoSpace').html(0);
        return;
    }

    var regex = /\s+/gi;
    var wordCount = value.trim().replace(regex, ' ').split(' ').length;
    var totalChars = value.length;
    var charCountNoSpace = value.replace(regex, '').length;

    $('#wordCount').html(wordCount);
    $('#totalChars').html(totalChars);
    $('#charCountNoSpace').html(charCountNoSpace);
};

$(document).ready(function() {
    $('#count').click(counter);
    $('#text').change(counter);
    $('#text').keydown(counter);
    $('#text').keypress(counter);
    $('#text').keyup(counter);
    $('#text').blur(counter);
    $('#text').focus(counter);
});
</script>

Jika sudah beri judul Word Counter atau Penghitung Kata atau apapun sesuka kalian lalu PUBLIKASIKAN.

Penutup

Mudah, bukan? Selain memberi nilai tambah bagi pengunjung, tools ini juga bisa sangat membantu kamu saat menulis artikel, terutama dalam menentukan panjang tulisan.

Jika ada pertanyaan atau kendala saat memasang script ini, silakan tinggalkan komentar. Jangan lupa untuk membaca artikel lainnya seputar tips dan trik blogging di blog ini.