Membuat text mengetik secara otomatis di blogger

Hello sobat icloudzer kali ini admin bakalan menjabarkan mengenai bagaimana caranya membuat text ketik di blogger secara otomatis

Info: Jika kamu sudah penasaran dengan pembahasan kita kai ini yuk langsung aja kita bahas bersama sama

Text mengetik

Apa kah itu text mengetik? text mengetik merupakan fitur text yang di tampilkan satu persatu atau satu per kalimat seperti layaknya text di ketik, pada pembahasan sebelumnya juga admin telah membahas mengenai text ketik namun pada pembahasan kali ini pastinya script kode untuk membuat text berketik berbeda dari postingan sebelumnya meskipun judul postingan nya memiliki kesamaan

Fungsi text ketik

Fungsi penggunaan text ketik di blogger beraneka macam, misal menampilkan text ketik hanya sebagai hiasan dan sebagainya, hal tersebut tergantung dari si yang punya website pastinya, yang jelas setiap text yang di tampilkan akan menggunakan motode mengetik

Menggunakan javascript

Untuk menampilkan text ketik di website pastinya harus dibuat, dan kode pembuatan text ketik tersebut berasal dari kode javascript, dan untuk menampilkan text ketik tersebut menggunakan kode HTML saja

Contoh Tampilan

Baiklah agar tidak penasaran admin bakalan memberikan contoh tampilan dari text mengetik tersebut silahkan klik tombol dibawah ini untuk memeriksanya

• Periksa

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 text ketik 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 text ketik nya

Cara penggunaan

Untuk menggunakan dan menampilkan text ketik di blogger silahkan gunakan kode HTML di bawah ini, guanakan spasi dalam text 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 text ketiknya silahkan gunaka kode HTML yang saya berikan di atas, dan tulis text yang akan di tampilkan di dalam kode data-text gunakan tanda koma(,) sebagai jaraknya