Cara Membuat Halaman Penghitung Kata (Word Counter) di Blogger

Membuat Penghitung kata di Blogger

CARARUDI.ID - Selamat datang kembali sama admin cararudi pada kesempatan kali ini saya akan membagikan sebuah cara membuat halaman penghitung kata (word counter) di blogger.

Membuat Word Counter tentu akan lebih efisien jika diterapkan pada blogger. Selain mengurangi biaya dari penyewaan hosting memasang penghitung kata diblogger juga dapat membantu pengunjung atau Anda pemilik blog sendiri yang ingin mengetahui jumlah kata artikel yang sudah Anda ketik.

Sebenarnya alasan saya membuat halaman word counter tidak ada hubungannya dengan masalah SEO. Saya membuat ini hanya untuk membantu diri saya sendiri dalam mengetahui jumlah kata yang biasa saya buat, karena sebelum adanya ini saya suka mampir ke blog orang lain untuk mengetahui jumlah katanya dan tentunya itu sangat menyebalkan sekali maka dari itu saya membuatnya.

Baca Juga: Cara Mendapatkan dan Merubah Kuota By.U Ruangguru

Cara Memasang Penghitung Kata (Word Counter) di Blogger

  • Langkah pertama yang harus Anda lakukan adalah silahkan masuk ke akun blogger
  • Cari menu Halaman dan buatlah Halaman Baru
Cara Buat Word Counter di Blog
Cara Membuat Halaman Penghitung Kata (Word Counter) di Blogger
  • Isi Judul Halaman dan ubah Compose menjadi HTML
  • Kemudian tambahkan kode dibawah ini, pastikan bahwa kode sudah tersalin sepenuhnya karena jika ada yang eror kemungkinan karena penyalinan tidak lengkap dan akan gagal.
<div id="border">
<textarea id="text" placeholder="Write or copy and paste your document here..." spellcheck="false"></textarea>
</div>
<div class="button-group">
<button id="count">Count</button>
<br />
<div id="result">
<br />
Words: <span id="wordCount">0</span>
<br />
Total Characters(including trails): <span id="totalChars">0</span>
<br />
Characters (excluding trails): <span id="charCount">0</span>
<br />
Characters (excluding all spaces): <span id="charCountNoSpace">0</span></div>
</div>
<style scoped="" type="text/css">
.breadcrumbs{display:none}
#border{background:#ecf0f1;position:relative;display:block;clear:both;border-radius:5px;padding:20px;border:1px solid rgba(0,0,0,0.05)}
#result{margin:10px auto 30px;color:rgba(255,2255,255,.6)}
#count{background:rgba(255,255,255,0.2);text-align:center;color:#fefefe;display:inline-block;padding:6px 12px;font-size:14px;font-weight:400;line-height:1.471;-radius:4px;margin:0 5px;border:0;transition:all .1s}
textarea{width:100%;height:240px;margin:0 auto;display:block;background-color:#fff;padding:20px;font:normal 13px 'Courier New',Monospace;border:0;box-shadow:inset 0 0 0 1px rgba(0,0,0,0.05);border-radius:5px 5px 0 0;resize:none}
#count:hover,#cssminifier button:active{background:#fff;color:#2980b9}
.button-group{background:#2980b9;text-align:center;padding:20px;margin:0;border-radius:0 0 5px 5px;float:none}
.button-group span{vertical-align:2px;line-height:1;color:#fff}
.button-group br{display:none}
</style>
<script>
counter = function() {
    var value = $('#text').val();
    if (value.length == 0) {
        $('#wordCount').html(0);
        $('#totalChars').html(0);
        $('#charCount').html(0);
        $('#charCountNoSpace').html(0);
        return;
    }
    var regex = /\s+/gi;
    var wordCount = value.trim().replace(regex, ' ').split(' ').length;
    var totalChars = value.length;
    var charCount = value.trim().length;
    var charCountNoSpace = value.replace(regex, '').length;
    $('#wordCount').html(wordCount);
    $('#totalChars').html(totalChars);
    $('#charCount').html(charCount);
    $('#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>
  • Langkah terakhir Anda hanya tinggal Publikasikan saja
Halaman Penghitung Kata

Jika Anda ingin melihat hasil yang sudah saya buat, silahkan akses halaman tools blog saya diatas, atau langsung saja klik Penghitung Kata.

Selesai! Anda tidak perlu repot lagi mencari website penghitung kata, karena sekarang blog Anda sendiri juga telah ada word counter, selamat.

Penutup

Demikian tentang Cara Membuat Halaman Word Counter (Penghitung Kata) di Blogger semoga apa yang saya sampaikan bisa bermanfaat untuk Anda semua, jangan lupa dibagikan ke teman-teman ya, terima kasih.

1 Response to "Cara Membuat Halaman Penghitung Kata (Word Counter) di Blogger"

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel