Cara Menciptakan Halaman Word Count Tools Di Blogger

Hi, O4U Fan, Assalamualaikum. Hari ini aku 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 aku tlah sediakan codnya, dan anda hanya perlu memasang code ini ke dalam page gres 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 aku perihal Cara Membuat Halaman Word Count Tools Di Blogger, Moga apa yang aku kongsikan ini sanggup membantu anda, Sekiranya ada seruan lainya sila tinggalkan comment di ruangan yang di sediakan, ataupun hubungi aku melalui contact page. Wasalam dari saya.

Thanks,
O4U Team



Sumber https://www.onet4u.com/

Bagikan Artikel ini