Hello sobat ICloudzer kali ini admin bakalan menjabarkan mengenai bagaimana caranya menampilkan techchip preloader saat di klik di blogger
Info: Oke sobat ICloudzer jika kamu sudah penasaran dengan pembahasan kita kali ini yuk langsung aja kita bahas bersama sama
Preloader
Pada postingan sebelumnya admin membahas bagaimana caranya membuat techchip preloader di blogger atau lebih tepatnya preloader yang mirip seperti techchip blog, mungkin kamu bisa pelajari lebih lanjut, membahas mengenai preloader seperti nya telah puluhan artikel yang admin bahas terkhusus preloader dan contoh contoh animasi preloader, karena admin membahas setiap keunikan preloder secara khusus dalam setiap postingan, preloader secara singkatnya adalah sebuah tampilan ataupun animasi yang muncul saat proses loading blog, atau saat pengunjung merefresh blog
Techchip preloader
Tampilan dari animasi preloader tersebut adalah tampilan techchip preloader yang muncul saat di klik dan bukan saat halaman artikel di refresh, yang di kemas dalam tampilan yang berbeda disertai animasi animasi yang menakjubkan saat animasi preloader tersebut aktif saat merefresh halaman blog, dan bagi kamu yang tidak mengetahui mengenai techchip preloader? bahwa kata techchip preloader berasal dari preloader yang di gunakan oleh nldblog asal negara Turki
Menggunakan Javascript
Dalam membuat tampilan techchip preloader yang muncul saat diklik pada website ataupun pada blogger tersebut di buat menggunakan kode javascript yang telah di enskripsi menggunakan javascript, sehingga tampilan tidak bisa di edit atau di ubah
Contoh Tampilan
Jika kamu penasaran dengan contoh tampilan efek techchip preloader yang muncul saat di klik tersebut, silahkan periksa menggunakan tombol di bawah ini
Info: bagaimana sobat dengan contoh tampilan nya keren sekali yak 😬
Cara pembuatan
Baiklah sekarang saatnya admin bakalan menjelaskan bagaimana caranya membuat efek techchip preloader di sertai Animasi di blogger, silahkan ikuti setiap arahan yang admin jabarkan di hawah ini
Kode Javascript
Langkah pertama seperti biasanya silahkan salin kode javascript di bawah ini kemudian letakkan di atas kode Info: Kode javascript di atas tidak bisa kamu edit, jika mengedit tampilan preloader techchip tidak akan berfungsi saat di klik Langkah selanjutnya kamu bisa menyalin lagi kode html di bawah ini kemudian kamu bisa meletakkan nya di bawah kode <body> Info: Kode HTML dan Javascript di atas jangan di edit entar tampilan preloader nya tidak berfungsi 🤠Untuk memfungsikan efek preloader techchip preloader tersebut silahkan gunakan fungsi onclick='rahPrlTcK()' pada setiap tombol yang di inginkan untuk menampilkan preloader secara manual, atau seperti contoh kode berikut ini Info: Tambahkan sendiri kode onclick='rahPrlTcK()' pada setiap tombol yang anda inginkan semisal svg dan lain sebaginya<script>/*<![CDATA[*/ eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('12 N=["\\g\\8\\F\\m\\9","\\o\\d\\9\\b\\8\\9\\13\\m\\9\\r\\9\\a\\8","\\8\\F\\p\\9","\\8\\9\\q\\8\\14\\o\\g\\g","\\8\\9\\q\\8\\W\\c\\a\\8\\9\\a\\8","\\x\\d\\b\\n\\G\\d\\m\\H\\o\\I\\h\\s\\9\\u\\c\\d\\9\\C\\u\\c\\a\\8\\f\\t\\9\\e\\v\\n\\8\\h\\Y\\l\\l\\j\\p\\c\\g\\e\\8\\e\\c\\a\\h\\b\\s\\g\\c\\m\\w\\8\\9\\j\\d\\e\\v\\n\\8\\h\\Q\\p\\q\\j\\8\\c\\p\\h\\15\\p\\q\\j\\u\\c\\a\\8\\f\\g\\e\\M\\9\\h\\J\\z\\p\\q\\j\\o\\c\\m\\c\\d\\h\\d\\v\\s\\b\\K\\z\\B\\B\\y\\z\\B\\B\\y\\z\\B\\B\\y\\x\\Y\\L\\j\\t\\e\\k\\8\\n\\h\\b\\w\\8\\c\\j\\8\\9\\q\\8\\f\\b\\m\\e\\v\\a\\h\\o\\9\\a\\8\\9\\d\\j\\b\\m\\e\\v\\a\\f\\e\\8\\9\\r\\g\\h\\o\\9\\a\\8\\9\\d\\j\\S\\w\\g\\8\\e\\u\\F\\f\\o\\c\\a\\8\\9\\a\\8\\h\\o\\9\\a\\8\\9\\d\\j\\p\\b\\k\\k\\e\\a\\v\\h\\B\\p\\q\\j\\s\\b\\o\\E\\v\\d\\c\\w\\a\\k\\f\\o\\c\\m\\c\\d\\h\\Z\\A\\z\\A\\z\\A\\z\\j\\s\\c\\d\\k\\9\\d\\f\\d\\b\\k\\e\\w\\g\\h\\B\\p\\q\\j\\D\\x\\d\\b\\n\\G\\d\\m\\H\\o\\I\\h\\s\\9\\u\\c\\d\\9\\C\\o\\c\\a\\8\\9\\a\\8\\h\\10\\W\\d\\9\\b\\8\\9\\k\\i\\t\\e\\8\\n\\i\\16\\r\\e\\m\\9\\17\\10\\j\\D\\x\\d\\b\\n\\G\\d\\m\\H\\o\\I\\C\\k\\e\\d\\9\\o\\8\\e\\c\\a\\h\\m\\8\\d\\j\\8\\9\\q\\8\\f\\b\\m\\e\\v\\a\\h\\o\\9\\a\\8\\9\\d\\j\\b\\m\\e\\v\\a\\f\\e\\8\\9\\r\\g\\h\\o\\9\\a\\8\\9\\d\\j\\S\\w\\g\\8\\e\\u\\F\\f\\o\\c\\a\\8\\9\\a\\8\\h\\o\\9\\a\\8\\9\\d\\j\\k\\e\\g\\p\\m\\b\\F\\h\\a\\c\\a\\9\\j\\p\\c\\g\\e\\8\\e\\c\\a\\h\\u\\e\\q\\9\\k\\j\\8\\c\\p\\h\\l\\j\\m\\9\\u\\8\\h\\l\\j\\d\\e\\v\\n\\8\\h\\l\\j\\s\\c\\8\\8\\c\\r\\h\\l\\j\\s\\b\\o\\E\\v\\d\\c\\w\\a\\k\\h\\Z\\u\\9\\u\\9\\u\\9\\j\\c\\R\\9\\d\\u\\m\\c\\t\\h\\n\\e\\k\\k\\9\\a\\j\\M\\f\\e\\a\\k\\9\\q\\h\\J\\l\\l\\l\\j\\8\\d\\b\\a\\g\\e\\8\\e\\c\\a\\h\\b\\m\\m\\i\\x\\X\\g\\i\\9\\b\\g\\9\\D\\x\\d\\b\\n\\G\\d\\m\\H\\o\\I\\x\\d\\b\\n\\C\\k\\e\\g\\p\\m\\b\\F\\h\\u\\m\\9\\q\\D\\x\\d\\b\\n\\G\\d\\m\\H\\o\\I\\x\\n\\C\\R\\e\\g\\e\\s\\e\\m\\e\\8\\F\\h\\n\\e\\k\\k\\9\\a\\j\\c\\p\\b\\o\\e\\8\\F\\h\\l\\D\\x\\d\\b\\n\\G\\d\\m\\H\\o\\I\\i\\x\\d\\b\\n\\G\\d\\m\\H\\o\\I\\T\\a\\C\\k\\e\\g\\p\\m\\b\\F\\h\\u\\m\\9\\q\\j\\b\\m\\e\\v\\a\\f\\e\\8\\9\\r\\g\\h\\o\\9\\a\\8\\9\\d\\j\\S\\w\\g\\8\\e\\u\\F\\f\\o\\c\\a\\8\\9\\a\\8\\h\\o\\9\\a\\8\\9\\d\\j\\8\\9\\q\\8\\f\\b\\m\\e\\v\\a\\h\\o\\9\\a\\8\\9\\d\\j\\p\\c\\g\\e\\8\\e\\c\\a\\h\\d\\9\\m\\b\\8\\e\\R\\9\\j\\t\\e\\k\\8\\n\\h\\B\\J\\p\\q\\j\\n\\9\\e\\v\\n\\8\\h\\B\\J\\p\\q\\j\\s\\b\\o\\E\\v\\d\\c\\w\\a\\k\\h\\8\\d\\b\\a\\g\\p\\b\\d\\9\\a\\8\\j\\s\\c\\d\\k\\9\\d\\f\\d\\b\\k\\e\\w\\g\\h\\z\\l\\l\\p\\q\\j\\f\\t\\9\\s\\E\\e\\8\\f\\b\\a\\e\\r\\b\\8\\e\\c\\a\\h\\p\\d\\9\\m\\c\\b\\k\\f\\g\\n\\b\\k\\c\\t\\i\\J\\g\\i\\e\\a\\u\\e\\a\\e\\8\\9\\j\\f\\r\\c\\M\\f\\b\\a\\e\\r\\b\\8\\e\\c\\a\\h\\p\\d\\9\\m\\c\\b\\k\\f\\g\\n\\b\\k\\c\\t\\i\\J\\g\\i\\e\\a\\u\\e\\a\\e\\8\\9\\j\\f\\r\\g\\f\\b\\a\\e\\r\\b\\8\\e\\c\\a\\h\\p\\d\\9\\m\\c\\b\\k\\f\\g\\n\\b\\k\\c\\t\\i\\J\\g\\i\\e\\a\\u\\e\\a\\e\\8\\9\\j\\b\\a\\e\\r\\b\\8\\e\\c\\a\\h\\p\\d\\9\\m\\c\\b\\k\\f\\g\\n\\b\\k\\c\\t\\i\\J\\g\\i\\e\\a\\u\\e\\a\\e\\8\\9\\D\\x\\d\\b\\n\\G\\d\\m\\H\\o\\I\\i\\x\\d\\b\\n\\G\\d\\m\\H\\o\\I\\T\\a\\i\\g\\R\\v\\y\\x\\d\\b\\n\\G\\d\\m\\H\\o\\I\\i\\x\\d\\b\\n\\G\\d\\m\\H\\o\\I\\T\\a\\i\\e\\r\\v\\C\\r\\b\\d\\v\\e\\a\\f\\m\\9\\u\\8\\h\\z\\p\\q\\j\\r\\b\\d\\v\\e\\a\\f\\8\\c\\p\\h\\Q\\p\\q\\j\\t\\e\\k\\8\\n\\h\\Q\\X\\p\\q\\j\\n\\9\\e\\v\\n\\8\\h\\Q\\X\\p\\q\\j\\b\\m\\e\\v\\a\\f\\e\\8\\9\\r\\g\\h\\o\\9\\a\\8\\9\\d\\j\\S\\w\\g\\8\\e\\u\\F\\f\\o\\c\\a\\8\\9\\a\\8\\h\\o\\9\\a\\8\\9\\d\\j\\8\\9\\q\\8\\f\\b\\m\\e\\v\\a\\h\\o\\9\\a\\8\\9\\d\\j\\f\\t\\9\\s\\E\\e\\8\\f\\8\\c\\w\\o\\n\\f\\o\\b\\m\\m\\c\\w\\8\\h\\a\\c\\a\\9\\j\\f\\t\\9\\s\\E\\e\\8\\f\\w\\g\\9\\d\\f\\g\\9\\m\\9\\o\\8\\h\\a\\c\\a\\9\\j\\f\\E\\n\\8\\r\\m\\f\\w\\g\\9\\d\\f\\g\\9\\m\\9\\o\\8\\h\\a\\c\\a\\9\\j\\f\\r\\c\\M\\f\\w\\g\\9\\d\\f\\g\\9\\m\\9\\o\\8\\h\\a\\c\\a\\9\\j\\f\\r\\g\\f\\w\\g\\9\\d\\f\\g\\9\\m\\9\\o\\8\\h\\a\\c\\a\\9\\j\\w\\g\\9\\d\\f\\g\\9\\m\\9\\o\\8\\h\\a\\c\\a\\9\\j\\p\\c\\e\\a\\8\\9\\d\\f\\9\\R\\9\\a\\8\\g\\h\\a\\c\\a\\9\\j\\D\\U\\r\\9\\k\\e\\b\\i\\g\\o\\d\\9\\9\\a\\i\\b\\a\\k\\i\\K\\r\\b\\q\\f\\t\\e\\k\\8\\n\\h\\Q\\O\\l\\p\\q\\L\\C\\x\\d\\b\\n\\G\\d\\m\\H\\o\\I\\i\\x\\d\\b\\n\\G\\d\\m\\H\\o\\I\\T\\a\\i\\e\\r\\v\\C\\r\\b\\d\\v\\e\\a\\f\\m\\9\\u\\8\\h\\O\\O\\p\\q\\j\\r\\b\\d\\v\\e\\a\\f\\8\\c\\p\\h\\J\\l\\p\\q\\j\\D\\D\\U\\f\\t\\9\\s\\E\\e\\8\\f\\E\\9\\F\\u\\d\\b\\r\\9\\g\\i\\p\\d\\9\\m\\c\\b\\k\\f\\g\\n\\b\\k\\c\\t\\i\\C\\l\\P\\C\\s\\c\\q\\f\\g\\n\\b\\k\\c\\t\\h\\l\\i\\l\\i\\l\\i\\l\\i\\d\\v\\s\\K\\z\\z\\z\\y\\i\\B\\A\\y\\i\\B\\A\\L\\j\\f\\t\\9\\s\\E\\e\\8\\f\\8\\d\\b\\a\\g\\e\\8\\e\\c\\a\\h\\s\\c\\q\\f\\g\\n\\b\\k\\c\\t\\i\\x\\A\\g\\i\\9\\b\\g\\9\\f\\e\\a\\f\\c\\w\\8\\D\\J\\l\\l\\P\\C\\s\\c\\q\\f\\g\\n\\b\\k\\c\\t\\h\\l\\i\\l\\i\\l\\i\\z\\B\\p\\q\\i\\8\\d\\b\\a\\g\\p\\b\\d\\9\\a\\8\\j\\f\\t\\9\\s\\E\\e\\8\\f\\8\\d\\b\\a\\g\\u\\c\\d\\r\\h\\8\\d\\b\\a\\g\\m\\b\\8\\9\\A\\k\\K\\l\\y\\l\\y\\l\\L\\j\\f\\t\\9\\s\\E\\e\\8\\f\\8\\d\\b\\a\\g\\e\\8\\e\\c\\a\\h\\s\\c\\q\\f\\g\\n\\b\\k\\c\\t\\i\\x\\O\\g\\i\\9\\b\\g\\9\\f\\e\\a\\f\\c\\w\\8\\D\\D\\U\\f\\r\\c\\M\\f\\E\\9\\F\\u\\d\\b\\r\\9\\g\\i\\p\\d\\9\\m\\c\\b\\k\\f\\g\\n\\b\\k\\c\\t\\i\\C\\l\\P\\C\\s\\c\\q\\f\\g\\n\\b\\k\\c\\t\\h\\l\\i\\l\\i\\l\\i\\l\\i\\d\\v\\s\\K\\z\\z\\z\\y\\i\\B\\A\\y\\i\\B\\A\\L\\j\\f\\r\\c\\M\\f\\8\\d\\b\\a\\g\\e\\8\\e\\c\\a\\h\\s\\c\\q\\f\\g\\n\\b\\k\\c\\t\\i\\x\\A\\g\\i\\9\\b\\g\\9\\f\\e\\a\\f\\c\\w\\8\\D\\J\\l\\l\\P\\C\\s\\c\\q\\f\\g\\n\\b\\k\\c\\t\\h\\l\\i\\l\\i\\l\\i\\z\\B\\p\\q\\i\\8\\d\\b\\a\\g\\p\\b\\d\\9\\a\\8\\j\\f\\r\\c\\M\\f\\8\\d\\b\\a\\g\\u\\c\\d\\r\\h\\8\\d\\b\\a\\g\\m\\b\\8\\9\\A\\k\\K\\l\\y\\l\\y\\l\\L\\j\\f\\r\\c\\M\\f\\8\\d\\b\\a\\g\\e\\8\\e\\c\\a\\h\\s\\c\\q\\f\\g\\n\\b\\k\\c\\t\\i\\x\\O\\g\\i\\9\\b\\g\\9\\f\\e\\a\\f\\c\\w\\8\\D\\D\\U\\E\\9\\F\\u\\d\\b\\r\\9\\g\\i\\p\\d\\9\\m\\c\\b\\k\\f\\g\\n\\b\\k\\c\\t\\i\\C\\l\\P\\C\\s\\c\\q\\f\\g\\n\\b\\k\\c\\t\\h\\l\\i\\l\\i\\l\\i\\l\\i\\d\\v\\s\\K\\z\\z\\z\\y\\i\\B\\A\\y\\i\\B\\A\\L\\j\\f\\t\\9\\s\\E\\e\\8\\f\\8\\d\\b\\a\\g\\e\\8\\e\\c\\a\\h\\s\\c\\q\\f\\g\\n\\b\\k\\c\\t\\i\\x\\A\\g\\i\\9\\b\\g\\9\\f\\e\\a\\f\\c\\w\\8\\j\\f\\r\\c\\M\\f\\8\\d\\b\\a\\g\\e\\8\\e\\c\\a\\h\\s\\c\\q\\f\\g\\n\\b\\k\\c\\t\\i\\x\\A\\g\\i\\9\\b\\g\\9\\f\\e\\a\\f\\c\\w\\8\\j\\8\\d\\b\\a\\g\\e\\8\\e\\c\\a\\h\\s\\c\\q\\f\\g\\n\\b\\k\\c\\t\\i\\x\\A\\g\\i\\9\\b\\g\\9\\f\\e\\a\\f\\c\\w\\8\\D\\J\\l\\l\\P\\C\\s\\c\\q\\f\\g\\n\\b\\k\\c\\t\\h\\l\\i\\l\\i\\l\\i\\z\\B\\p\\q\\i\\8\\d\\b\\a\\g\\p\\b\\d\\9\\a\\8\\j\\f\\t\\9\\s\\E\\e\\8\\f\\8\\d\\b\\a\\g\\u\\c\\d\\r\\h\\8\\d\\b\\a\\g\\m\\b\\8\\9\\A\\k\\K\\l\\y\\l\\y\\l\\L\\j\\f\\r\\c\\M\\f\\8\\d\\b\\a\\g\\u\\c\\d\\r\\h\\8\\d\\b\\a\\g\\m\\b\\8\\9\\A\\k\\K\\l\\y\\l\\y\\l\\L\\j\\f\\r\\g\\f\\8\\d\\b\\a\\g\\u\\c\\d\\r\\h\\8\\d\\b\\a\\g\\m\\b\\8\\9\\A\\k\\K\\l\\y\\l\\y\\l\\L\\j\\f\\c\\f\\8\\d\\b\\a\\g\\u\\c\\d\\r\\h\\8\\d\\b\\a\\g\\m\\b\\8\\9\\A\\k\\K\\l\\y\\l\\y\\l\\L\\j\\8\\d\\b\\a\\g\\u\\c\\d\\r\\h\\8\\d\\b\\a\\g\\m\\b\\8\\9\\A\\k\\K\\l\\y\\l\\y\\l\\L\\j\\f\\t\\9\\s\\E\\e\\8\\f\\8\\d\\b\\a\\g\\e\\8\\e\\c\\a\\h\\s\\c\\q\\f\\g\\n\\b\\k\\c\\t\\i\\x\\O\\g\\i\\9\\b\\g\\9\\f\\e\\a\\f\\c\\w\\8\\j\\f\\r\\c\\M\\f\\8\\d\\b\\a\\g\\e\\8\\e\\c\\a\\h\\s\\c\\q\\f\\g\\n\\b\\k\\c\\t\\i\\x\\O\\g\\i\\9\\b\\g\\9\\f\\e\\a\\f\\c\\w\\8\\j\\8\\d\\b\\a\\g\\e\\8\\e\\c\\a\\h\\s\\c\\q\\f\\g\\n\\b\\k\\c\\t\\i\\x\\O\\g\\i\\9\\b\\g\\9\\f\\e\\a\\f\\c\\w\\8\\D\\D","\\b\\p\\p\\9\\a\\k\\W\\n\\e\\m\\k","\\n\\9\\b\\k"];18 V=11[N[1]](N[0]);V[N[2]]=N[3];V[N[4]]=N[5];11[N[7]][N[6]](V)',62,71,'||||||||x74|x65|x6E|x61|x6F|x72|x69|x2D|x73|x3A|x20|x3B|x64|x30|x6C|x68|x63|x70|x78|x6D|x62|x77|x66|x67|x75|x2E|x2C|x32|x33|x35|x7B|x7D|x6B|x79|x50|x54|x4B|x31|x28|x29|x7A|_0x4ede|x34|x25|x36|x76|x6A|x49|x40|rahJsPrlTC|x43|x37|x38|x23|x27|document|var|x45|x2F|x39|x24|x59|const'.split('|'),0,{})) /*]]>*/</script>Kode HTML/javascript
<div class='rahPrlTcK' id='rahPrlTcK'>
<div class='rahPrlTcKIn'>
<img src='https://cdn.jsdelivr.net/gh/rahcode-ui/icloudice@main/users/TC.png'/>
</div>
</div>
<script>/*<![CDATA[*/
var _0x1c5c=["\x23\x72\x61\x68\x50\x72\x6C\x54\x63\x4B","\x71\x75\x65\x72\x79\x53\x65\x6C\x65\x63\x74\x6F\x72","\x72\x61\x68","\x61\x64\x64","\x63\x6C\x61\x73\x73\x4C\x69\x73\x74","\x63\x6C\x69\x63\x6B","\x72\x65\x6D\x6F\x76\x65","\x76\x69\x62\x72\x61\x74\x65","\x61\x64\x64\x45\x76\x65\x6E\x74\x4C\x69\x73\x74\x65\x6E\x65\x72"];function rahPrlTcK(){var rahPrlTcK=document[_0x1c5c[1]](_0x1c5c[0]);rahPrlTcK[_0x1c5c[4]][_0x1c5c[3]](_0x1c5c[2]);document[_0x1c5c[8]](_0x1c5c[5],function(){setTimeout(function(){rahPrlTcK[_0x1c5c[4]][_0x1c5c[6]](_0x1c5c[2])},2000);if(_0x1c5c[7] in navigator){navigator[_0x1c5c[7]]([50])}})}
/*]]>*/</script>Cara penggunaan
<div class='tombol' onclick='rahPrlTcK()'>
<!-- svg -->
</div>
