Cara Membuat Halaman Word Count Tools Di Blogger

Hi, O4U Fan, Assalamualaikum. Hari ini saya akan kongsikan Cara Membuat Halaman Word Count Tools Di Blogger dengan mudah.

Apa itu Word Count Tools? 
Word Count Tools adala Tool untuk Menghitung Jumlah Kata pada posting blog anda.

Bagai mana cara memasangnya?
Cara untuk memasangnya cukup senang, karna saya tlah sediakan codnya, dan anda hanya perlu memasang code ini ke dalam page baru blogger anda.

Caranya :

Login ke blogger anda dan buat new page/halaman baru/page baru.
Masukan code berikut dan simpan/save.

<div id="text-box">
<div class="judul">
Character Count Tool
</div>
<textarea id="text"></textarea>
<div id="count">
Count: 0 Character</div>
</div>
</article>
<style scoped="" type="text/css">
ol{display:none}
H1{text-align: center;}
#text{border:1px solid #ccc;background:#fff;}
#text-box{font-family:'Roboto',sans-serif;background:#ddd;border:1px solid #bbb;padding:8px;margin:0 auto;text-align:center}#text{width:99%;height:200px}#text:focus{outline:none}#count{text-align:center;font-size:20px;font-weight:bold;background:#fff;color:#555;border:1px solid #aaa;display:block;padding:2px 0;margin:3px auto 0}.judul{text-align:center;font-size:24px;font-weight:bold;text-transform:uppercase;color:#555;padding:0;margin-bottom:8px}a.showcontent{display:none}
</style>
<script type="text/javascript">
//<![CDATA[
$(window).load(function(){
$(document).ready(function(){
 $(function() {
    window.charCount = 0;
    setInterval(function() {
       var cc = charCount($('#text').val())
       if(cc != window.charCount) {
         window.charCount = cc;
         $("#count").html("Count: " + window.charCount + " Characters"); 
       }
     }, 500);
 });

 function charCount(str) {
  if (str === "")
   return 0;
   
  return $.trim(str).length
 }
});
});
//]]> 
</script>

Setelah siap memasang code di atas , Save page anda.

• DEMO

Na bagaimana? Senang bukan.
Sampai disini sahaja posting saya tentang Cara Membuat Halaman Word Count Tools Di Blogger, Moga apa yang saya kongsikan ini dapat membantu anda, Sekiranya ada permintaan lainya sila tinggalkan comment di ruangan yang di sediakan, ataupun hubungi saya melalui contact page. Wasalam dari saya.

Thanks,
O4U Team