Cara Menciptakan Kalkulator Penghitung Jumlah Kata Di Blogger

Baca Juga

Apakah anda ialah seorang penulis artikel? Jika iya, niscaya yang diperlukan seorang penulis artikel ialah jumlah kata dan jumlah aksara dalam suatu artikel. Jika anda memakai jasa penulis artikel atau membeli artikel diorang lain niscaya orang yang menjual tersebut menunjukkan 400 kata = Rp. 10.000,- atau 1000 kata = Rp. 20.000,-. Lantas dipikiran anda, bagaimana penjual artikel itu dapat tahu kalo artikel yang dibuatnya ialah 400 kata atau 1000 kata.

Tahukah anda kalau di aplikasi Microsoft Word juga ada fitur menyerupai ini. MS Word memilik fitur otomatis menghitung setiap kata dan juga otomatis menghitung jumlah aksara dalam kata. Anda dapat memanfaatkan MS Word untuk menciptakan artikel. Cara ini banyak dipakai oleh para Blogger yang untuk sementara tidak mempunyai koneksi internet. Jika koneksi internet sudah tersedia, anda dapat menyalin artikel dari MS Word ke Blogger.

Namun dengan Tools yang aku bagikan kali ini anda dapat menghitung jumlah kata dan juga jumlah aksara pada kata.

Screenshoot :

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

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

Cara Pertama :

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

Proses Pembuatan :

1. Buat Halaman Baru.
2. Copy & Paste arahan berikut ini, dan letakkan pada bab 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