Hello sobat icloudzer kali ini admin bakalan menjabarkan mengenai bagaimana caranya membuat teks ketik di blogger atau membuat tulisan bisa mengetik yang bisa di terapkan di dalam website secara otomatis
Info: Jika kamu sudah penasaran dengan pembahasan kita kai ini yuk langsung aja kita bahas bersama sama
Teks mengetik di blogger
Apa kah itu teks mengetik di blogger? teks mengetik merupakan fitur teks ataupun tulisan yang di tampilkan satu persatu atau satu (per-huruf) pada suatu kalimat seperti layaknya teks di ketik alias menggunakan animasi ketik pada teks, pada pembahasan sebelumnya juga admin telah membahas mengenai teks ketik namun pada pembahasan kali ini pastinya script kode untuk membuat teks berketik berbeda dari postingan sebelumnya meskipun judul postingan nya memiliki kesamaan
Fungsi teks ketik di blogger
Fungsi penggunaan teks ketik di blogger beraneka macam, misal menampilkan teks ketik hanya sebagai hiasan dan sebagainya, hal tersebut tergantung dari si yang punya website pastinya, yang jelas setiap teks yang di tampilkan akan menggunakan motode mengetik
Menggunakan javascript
Untuk menampilkan tulisan ketik di website pastinya harus dibuat, dan kode pembuatan teks ketik tersebut berasal dari kode javascript, dan untuk menampilkan teks ketik tersebut menggunakan kode HTML saja
Contoh Tampilan
Baiklah agar tidak penasaran admin bakalan memberikan contoh tampilan dari teks mengetik tersebut silahkan klik tombol dibawah ini untuk memeriksanya
Info: Bagaimana sobat dengan contoh tampilan nya keren sekali yak, pastilah keren aha
Cara pembuatan
Baiklah sobat icloudzer sekarang saatnya admin bakalan menjelaskan mengenai bagaimana kah caranya membuat tulisan mengetik di blogger, silahkan di baca dan di pelajari secara perlahan oke
Kode Javascript
Langkah pertama yang bisa kamu lakukan adalah menyalin kode javascript di bawah ini kemudian letakkan di atas kode </body>
<script type="text/javascript">
//<![CDATA[
// typed.js - Library
var _0x45c4=["\x6A\x51\x75\x65\x72\x79","\x75\x73\x65\x20\x73\x74\x72\x69\x63\x74","\x65\x6C","\x6F\x70\x74\x69\x6F\x6E\x73","\x64\x65\x66\x61\x75\x6C\x74\x73","\x74\x79\x70\x65\x64","\x66\x6E","\x65\x78\x74\x65\x6E\x64","\x62\x61\x73\x65\x54\x65\x78\x74","\x74\x65\x78\x74","\x70\x6C\x61\x63\x65\x68\x6F\x6C\x64\x65\x72","\x61\x74\x74\x72","","\x74\x79\x70\x65\x53\x70\x65\x65\x64","\x73\x74\x61\x72\x74\x44\x65\x6C\x61\x79","\x62\x61\x63\x6B\x53\x70\x65\x65\x64","\x62\x61\x63\x6B\x44\x65\x6C\x61\x79","\x73\x74\x72\x69\x6E\x67\x73","\x73\x74\x72\x50\x6F\x73","\x61\x72\x72\x61\x79\x50\x6F\x73","\x73\x74\x6F\x70\x4E\x75\x6D","\x6C\x6F\x6F\x70","\x6C\x6F\x6F\x70\x43\x6F\x75\x6E\x74","\x63\x75\x72\x4C\x6F\x6F\x70","\x73\x74\x6F\x70","\x73\x68\x6F\x77\x43\x75\x72\x73\x6F\x72","\x69\x73\x49\x6E\x70\x75\x74","\x63\x75\x72\x73\x6F\x72\x43\x68\x61\x72","\x69\x6E\x70\x75\x74","\x69\x73","\x62\x75\x69\x6C\x64","\x70\x72\x6F\x74\x6F\x74\x79\x70\x65","\x74\x69\x6D\x65\x6F\x75\x74","\x74\x79\x70\x65\x77\x72\x69\x74\x65","\x63\x75\x72\x73\x6F\x72","\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x74\x79\x70\x65\x64\x2D\x63\x75\x72\x73\x6F\x72\x22\x3E","\x3C\x2F\x73\x70\x61\x6E\x3E","\x61\x66\x74\x65\x72","\x69\x6E\x69\x74","\x72\x61\x6E\x64\x6F\x6D","\x72\x6F\x75\x6E\x64","\x73\x75\x62\x73\x74\x72","\x5E","\x63\x68\x61\x72\x41\x74","\x74\x65\x73\x74","\x6C\x65\x6E\x67\x74\x68","\x65\x78\x65\x63","\x73\x75\x62\x73\x74\x72\x69\x6E\x67","\x6F\x6E\x53\x74\x72\x69\x6E\x67\x54\x79\x70\x65\x64","\x63\x61\x6C\x6C\x62\x61\x63\x6B","\x62\x61\x63\x6B\x73\x70\x61\x63\x65","\x70\x72\x65\x53\x74\x72\x69\x6E\x67\x54\x79\x70\x65\x64","\x69\x64","\x3C\x73\x70\x61\x6E\x20\x69\x64\x3D\x22","\x22\x2F\x3E","\x72\x65\x6D\x6F\x76\x65","\x72\x65\x73\x65\x74\x43\x61\x6C\x6C\x62\x61\x63\x6B","\x64\x61\x74\x61","\x6F\x62\x6A\x65\x63\x74","\x73\x74\x72\x69\x6E\x67","\x65\x61\x63\x68","\x54\x68\x65\x73\x65\x20\x61\x72\x65\x20\x74\x68\x65\x20\x64\x65\x66\x61\x75\x6C\x74\x20\x76\x61\x6C\x75\x65\x73\x2E\x2E\x2E","\x59\x6F\x75\x20\x6B\x6E\x6F\x77\x20\x77\x68\x61\x74\x20\x79\x6F\x75\x20\x73\x68\x6F\x75\x6C\x64\x20\x64\x6F\x3F","\x55\x73\x65\x20\x79\x6F\x75\x72\x20\x6F\x77\x6E\x21","\x48\x61\x76\x65\x20\x61\x20\x67\x72\x65\x61\x74\x20\x64\x61\x79\x21","\x7C","\x2E\x72\x61\x68\x74\x79\x70","\x2C","\x73\x70\x6C\x69\x74","\x64\x61\x74\x61\x2D\x74\x65\x78\x74"];!function(_0xdba6x1){_0x45c4[1];var _0xdba6x2=function(_0xdba6x2,_0xdba6x3){this[_0x45c4[2]]= _0xdba6x1(_0xdba6x2),this[_0x45c4[3]]= _0xdba6x1[_0x45c4[7]]({},_0xdba6x1[_0x45c4[6]][_0x45c4[5]][_0x45c4[4]],_0xdba6x3),this[_0x45c4[8]]= this[_0x45c4[2]][_0x45c4[9]]()|| this[_0x45c4[2]][_0x45c4[11]](_0x45c4[10])|| _0x45c4[12],this[_0x45c4[13]]= this[_0x45c4[3]][_0x45c4[13]],this[_0x45c4[14]]= this[_0x45c4[3]][_0x45c4[14]],this[_0x45c4[15]]= this[_0x45c4[3]][_0x45c4[15]],this[_0x45c4[16]]= this[_0x45c4[3]][_0x45c4[16]],this[_0x45c4[17]]= this[_0x45c4[3]][_0x45c4[17]],this[_0x45c4[18]]= 0,this[_0x45c4[19]]= 0,this[_0x45c4[20]]= 0,this[_0x45c4[21]]= this[_0x45c4[3]][_0x45c4[21]],this[_0x45c4[22]]= this[_0x45c4[3]][_0x45c4[22]],this[_0x45c4[23]]= 0,this[_0x45c4[24]]=!1,this[_0x45c4[25]]= !this[_0x45c4[26]]&& this[_0x45c4[3]][_0x45c4[25]],this[_0x45c4[27]]= this[_0x45c4[3]][_0x45c4[27]],this[_0x45c4[26]]= this[_0x45c4[2]][_0x45c4[29]](_0x45c4[28]),this[_0x45c4[11]]= this[_0x45c4[3]][_0x45c4[11]]|| (this[_0x45c4[26]]?_0x45c4[10]:null),this[_0x45c4[30]]()};_0xdba6x2[_0x45c4[31]]= {constructor:_0xdba6x2,init:function(){var _0xdba6x1=this;_0xdba6x1[_0x45c4[32]]= setTimeout(function(){_0xdba6x1[_0x45c4[33]](_0xdba6x1[_0x45c4[17]][_0xdba6x1[_0x45c4[19]]],_0xdba6x1[_0x45c4[18]])},_0xdba6x1[_0x45c4[14]])},build:function(){!0=== this[_0x45c4[25]] && (this[_0x45c4[34]]= _0xdba6x1(_0x45c4[35]+ this[_0x45c4[27]]+ _0x45c4[36]),this[_0x45c4[2]][_0x45c4[37]](this[_0x45c4[34]])),this[_0x45c4[38]]()},typewrite:function(_0xdba6x1,_0xdba6x2){if(!0!== this[_0x45c4[24]]){var _0xdba6x3=Math[_0x45c4[40]](70* Math[_0x45c4[39]]())+ this[_0x45c4[13]],_0xdba6x4=this;_0xdba6x4[_0x45c4[32]]= setTimeout(function(){var _0xdba6x3=0,_0xdba6x5=_0xdba6x1[_0x45c4[41]](_0xdba6x2);if(_0x45c4[42]=== _0xdba6x5[_0x45c4[43]](0)){var _0xdba6x6=1;/^\^\d+/[_0x45c4[44]](_0xdba6x5)&& (_0xdba6x6+= (_0xdba6x5= /\d+/[_0x45c4[46]](_0xdba6x5)[0])[_0x45c4[45]],_0xdba6x3= parseInt(_0xdba6x5)),_0xdba6x1= _0xdba6x1[_0x45c4[47]](0,_0xdba6x2)+ _0xdba6x1[_0x45c4[47]](_0xdba6x2+ _0xdba6x6)};_0xdba6x4[_0x45c4[32]]= setTimeout(function(){if(_0xdba6x2=== _0xdba6x1[_0x45c4[45]]){if(_0xdba6x4[_0x45c4[3]][_0x45c4[48]](_0xdba6x4[_0x45c4[19]]),_0xdba6x4[_0x45c4[19]]=== _0xdba6x4[_0x45c4[17]][_0x45c4[45]]- 1&& (_0xdba6x4[_0x45c4[3]][_0x45c4[49]](),_0xdba6x4[_0x45c4[23]]++,!1=== _0xdba6x4[_0x45c4[21]] || _0xdba6x4[_0x45c4[23]]=== _0xdba6x4[_0x45c4[22]])){return};_0xdba6x4[_0x45c4[32]]= setTimeout(function(){_0xdba6x4[_0x45c4[50]](_0xdba6x1,_0xdba6x2)},_0xdba6x4[_0x45c4[16]])}else {0=== _0xdba6x2&& _0xdba6x4[_0x45c4[3]][_0x45c4[51]](_0xdba6x4[_0x45c4[19]]);var _0xdba6x3=_0xdba6x4[_0x45c4[8]]+ _0xdba6x1[_0x45c4[41]](0,_0xdba6x2+ 1);_0xdba6x4[_0x45c4[11]]?_0xdba6x4[_0x45c4[2]][_0x45c4[11]](_0xdba6x4[_0x45c4[11]],_0xdba6x3):_0xdba6x4[_0x45c4[2]][_0x45c4[9]](_0xdba6x3),_0xdba6x2++,_0xdba6x4[_0x45c4[33]](_0xdba6x1,_0xdba6x2)}},_0xdba6x3)},_0xdba6x3)}},backspace:function(_0xdba6x1,_0xdba6x2){if(!0!== this[_0x45c4[24]]){var _0xdba6x3=Math[_0x45c4[40]](70* Math[_0x45c4[39]]())+ this[_0x45c4[15]],_0xdba6x4=this;_0xdba6x4[_0x45c4[32]]= setTimeout(function(){var _0xdba6x3=_0xdba6x4[_0x45c4[8]]+ _0xdba6x1[_0x45c4[41]](0,_0xdba6x2);_0xdba6x4[_0x45c4[11]]?_0xdba6x4[_0x45c4[2]][_0x45c4[11]](_0xdba6x4[_0x45c4[11]],_0xdba6x3):_0xdba6x4[_0x45c4[2]][_0x45c4[9]](_0xdba6x3),_0xdba6x2> _0xdba6x4[_0x45c4[20]]?(_0xdba6x2--,_0xdba6x4[_0x45c4[50]](_0xdba6x1,_0xdba6x2)):_0xdba6x2<= _0xdba6x4[_0x45c4[20]]&& (_0xdba6x4[_0x45c4[19]]++,_0xdba6x4[_0x45c4[19]]=== _0xdba6x4[_0x45c4[17]][_0x45c4[45]]?(_0xdba6x4[_0x45c4[19]]= 0,_0xdba6x4[_0x45c4[38]]()):_0xdba6x4[_0x45c4[33]](_0xdba6x4[_0x45c4[17]][_0xdba6x4[_0x45c4[19]]],_0xdba6x2))},_0xdba6x3)}},reset:function(){clearInterval(this[_0x45c4[32]]);var _0xdba6x1=this[_0x45c4[2]][_0x45c4[11]](_0x45c4[52]);this[_0x45c4[2]][_0x45c4[37]](_0x45c4[53]+ _0xdba6x1+ _0x45c4[54]),this[_0x45c4[2]][_0x45c4[55]](),this[_0x45c4[34]][_0x45c4[55]](),this[_0x45c4[3]][_0x45c4[56]]()}},_0xdba6x1[_0x45c4[6]][_0x45c4[5]]= function(_0xdba6x3){return this[_0x45c4[60]](function(){var _0xdba6x4=_0xdba6x1(this),_0xdba6x5=_0xdba6x4[_0x45c4[57]](_0x45c4[5]),_0xdba6x6=_0x45c4[58]==typeof _0xdba6x3&& _0xdba6x3;_0xdba6x5|| _0xdba6x4[_0x45c4[57]](_0x45c4[5],_0xdba6x5=new _0xdba6x2(this,_0xdba6x6)),_0x45c4[59]==typeof _0xdba6x3&& _0xdba6x5[_0xdba6x3]()})},_0xdba6x1[_0x45c4[6]][_0x45c4[5]][_0x45c4[4]]= {strings:[_0x45c4[61],_0x45c4[62],_0x45c4[63],_0x45c4[64]],typeSpeed:0,startDelay:0,backSpeed:0,backDelay:1500,loop:!0,loopCount:!1,showCursor:!0,cursorChar:_0x45c4[65],attr:null,callback:function(){},preStringTyped:function(){},onStringTyped:function(){},resetCallback:function(){}}}(window[_0x45c4[0]]);$(function(){var _0xdba6x7=$(_0x45c4[66]);_0xdba6x7[_0x45c4[5]]({strings:_0xdba6x7[_0x45c4[11]](_0x45c4[69])[_0x45c4[68]](_0x45c4[67]),typeSpeed:50})})
//]]>
</script>Info: Fungsi kode javascript diatas adalah untuk menampilkan teks ketik nya
Cara penggunaan
Untuk menggunakan dan menampilkan teks ketik di blogger silahkan gunakan kode HTML di bawah ini, guanakan spasi dalam teks menggunakan koma(,) seperti pada cntoh kode di bawah ini
<span class="rahtyp" data-text="Assalam,mualaikum,bagaiamana, beb, tampilannya"></span>Info: Nah kamu bisa menggunakan nya pada saat menulis menggunakan mode HTML oke! okelah
Penjelasan
Sedikit penjelasan agar tidak kebingungan adalah kamu harus memasang kode javascript nya terlebih dahulu, kemudian setelah itu untuk menampilkan teks ketiknya silahkan gunaka kode HTML yang saya berikan di atas, dan tulis teks yang akan di tampilkan di dalam kode data-text gunakan tanda koma(,) sebagai jaraknya