Cara Membuat Kalkulator Penghitung Jumlah Kata di Blogger

Apakah anda adalah seorang penulis artikel? Jika iya, pasti yang dibutuhkan seorang penulis artikel adalah jumlah kata dan jumlah karakter dalam suatu artikel. Jika anda menggunakan jasa penulis artikel atau membeli artikel diorang lain pasti orang yang menjual tersebut menawarkan 400 kata = Rp. 10.000,- atau 1000 kata = Rp. 20.000,-. Lantas dipikiran anda, bagaimana penjual artikel itu bisa tahu kalo artikel yang dibuatnya adalah 400 kata atau 1000 kata.

Tahukah anda kalau di aplikasi Microsoft Word juga ada fitur seperti ini. MS Word memilik fitur otomatis menghitung setiap kata dan juga otomatis menghitung jumlah karakter dalam kata. Anda bisa memanfaatkan MS Word untuk membuat artikel. Cara ini banyak digunakan oleh para Blogger yang untuk sementara tidak memiliki koneksi internet. Jika koneksi internet sudah tersedia, anda bisa menyalin artikel dari MS Word ke Blogger.

Namun dengan Tools yang saya bagikan kali ini anda bisa menghitung jumlah kata dan juga jumlah karakter pada kata.

Screenshoot :

Perhitungan kata dan karakter dalam artikel sangatlah penting. Apalagi untuk para Blogger untuk memaksimalkan tulisannya. Dampak memaksimalkan perhitungan kata adalah mengacu pada SEO, kabarnya semakin banyak jumlah kata dan karakter dalam suatu artikel akan semakin SEO artikel tersebut.

Jika anda ingin mengajukan permohonan Google AdSense anda akan berkesempatan akan diterima jika anda memperhatikan perhitungan kata dalam suatu artikel. Menurut Master SEO, Artikel yang bagus itu minimal 400 atau lebih. Banyak kata pada artikel juga belum cukup, jika artikel kurang bagus dan rapih percuma saja. Ok, langsung saja ke proses pembuatan.

Cara Pertama :

1. Buka Blogger - Kemudian Login.
2. Dashboard - Halaman.

Proses Pembuatan :

1. Buat Halaman Baru.
2. Copy & Paste kode berikut ini, dan letakkan pada bagian HTML bukan COMPOSE.

<div dir="ltr" style="text-align: left;" trbidi="on">
<style type="text/css">    
.daerah-tombol-2{color:#fff;background:#2980b9;text-align:center;padding:20px 20px 40px 20px;margin:30px;border-radius:4px;font-weight:bold;}
.daerah-tombol{background:#2980b9;text-align:center;padding:20px 20px 40px 20px;margin:0;border-radius:4px;}
#belakang{background:#ecf0f1;position:relative;display:block;clear:both;border-radius:5px;padding:20px;border:1px solid rgba(0,0,0,0.05);}
textarea{width:94%;height:300px;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}
button{color:#fff!important;height:50px;font-size:14px;font-weight:bold;background:#07ACEC;padding:15px 25px;border-radius:4px;border:none;outline:none;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);cursor:pointer;transition:all .4s ease-in-out;text-transform:uppercase;margin-top:15px}
#outer-wrapper{margin:0 auto;text-align:left;float:none;background-position:center!important}
#post-wrapper{width:100%;max-width:100%;margin:0 auto;text-align:left;float:none;background-position:center!important}
.post-body,.post{background-position:center!important}
h2.post-title a,h1.post-title a,h2.post-title,h1.post-title{display:none;margin-top:0;margin:0}
#blog1,#artikel,.blog-posts{background-position:center!important}
.breadcrumbs{display:none;margin-top:0;margin:0}
#comments,#breadcrumb,#sidebar-wrapper,#menu-wrap{display:none;margin-top:0;margin:0}
.post-inner{padding:0 0 0 0;margin:20px auto}
.post-body ul#wrapin{display:block;position:relative;margin:30px auto 0 auto}
.post-body ul#wrapin li{display:block;margin:0 auto;text-align:left}
.post-body ul#wrapin br{display:none}
</style>

<br />
<div id="belakang">
<form id="wordCount" method="get">
<div id="headWordCount">
<textarea 100="" cols="30" height:="" id="textAreaCount" placeholder="Copy and Paste some words here (CTRL + V)" spellcheck="false"></textarea>
        </div>
<br />
<div class="button-group">
<div class="daerah-tombol">
<button id="submitWordCount" type="submit"> HITUNG KATA </button> <button id="resetWordCount" type="reset"> SETEL ULANG </button></div>
<center>
    <div class="daerah-tombol-2">
<div id="boxHasil">
<span style="font-size: large;"><b> HASIL :</b></span>
    <br />
<br />
<div id="hasilKata">
</div>
<div id="hasilKarakter">
</div>
</div>
</div>
</center>
</div>
</form>
<script type="text/javascript">
    var namaNode = document.getElementById("textAreaCount");
    var formNode = document.getElementById("wordCount");
    var hasilNode = document.getElementById("hasilKata");
    var hasil2Node = document.getElementById("hasilKarakter");
var submitNode = document.getElementById("submitWordCount");
    var resetNode = document.getElementById("resetWordCount");   
    document.getElementById("submitWordCount").style.cursor ="pointer";
    document.getElementById("resetWordCount").style.cursor="pointer";
    function textCount(e){
     hasilNode.innerHTML = 0;
     hasilNode.innerHTML = "JUMLAH KATA : " + namaNode.value.split(' ').length;
     hasil2Node.innerHTML = "JUMLAH KARAKTER : " + namaNode.value.length;
     e.preventDefault();
    }
    function resetCount(e){
namaNode.value = "";
     hasilNode.innerHTML ="";
     hasil2Node.innerHTML ="";
     e.preventDefault();
    }
    submitNode.addEventListener("click", textCount);
    resetNode.addEventListener("click",resetCount);
   </script></div>
</div>

3. Simpan, Publikasikan!


Demikian, bila anda mengalami kesalahan atau ada yang ingin dipertanyakan silakan jangan sungkan untuk berkomentar dibawah ini. Semoga Bermanfaat! Thanks for Reading : Cara Membuat Kalkulator Penghitung Jumlah Kata di Blogger

Share this post

Related Post