Hello sobat ICloudzer kali ini admin bakalan menjabarkan mengenai cara membuat tiktok preloader yang keren
Info: Jika kamu penasaran dengan pembahasan kita kali ini yuk langsung aja kita bahas bersama sama
Tiktok preloader
Apa itu tiktok preloader? tiktok preloader merupakan tampilan animasi bergerak yang di modifikasi menjadi sebuah preloader, TikTok preloader adalah salah satu fitur dalam platform TikTok yang memungkinkan pengguna untuk mengatur video TikTok agar dimuat sebagian terlebih dahulu sebelum pemutaran sebenarnya, dengan menggunakan preloader, pengguna dapat memilih untuk memuat video TikTok hingga pada titik tertentu sebelum melanjutkan pemutaran secara langsung, hal ini membantu pengguna untuk dapat menonton video secara lebih cepat dan lancar tanpa perlu menunggu proses pemutaran secara penuh, nah apakah itu preloader? preloader secara singkat nya merupakan suatu tampilan yang muncul saat halaman website di refresh
Cara pembuatan
Baiklah sekarang saatnya admin bakalan menjabarkan mengenai cara membuat tiktok preloader di blogger, silahkan baca dan ikuti setiap arahan yang admin jabarkan di bawah ini oke
Kode HTML
Langkah pertama yang bisa kamu lakukan adalah menyalin kode HTML di bawah ini, kemudian letakkan di bawah kode <body>
<div class='rahTiktok' id='rahTiktok'>
<span class="tiktok-loader"></span>
</div>Info: Kode HTML di atas telah di sesuaikan dengan kode javascript, dengan mengedit kode tampilan mingkin saja tidak berfungsi
Kode Javascript
Langkah selanjutnya kamu bisa menyalin lagi kode javascript di bawah ini kemudian letakkan di atas kode </head>
<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}('W C=["\\m\\8\\x\\i\\9","\\q\\g\\9\\d\\8\\9\\X\\i\\9\\w\\9\\e\\8","\\8\\x\\h\\9","\\8\\9\\k\\8\\Y\\q\\m\\m","\\8\\9\\k\\8\\R\\c\\e\\8\\9\\e\\8","\\v\\g\\d\\l\\H\\a\\n\\8\\c\\n\\b\\t\\9\\r\\c\\g\\9\\y\\r\\c\\e\\8\\p\\D\\9\\a\\s\\l\\8\\b\\I\\o\\o\\f\\h\\c\\m\\a\\8\\a\\c\\e\\b\\d\\t\\m\\c\\i\\B\\8\\9\\f\\g\\a\\s\\l\\8\\b\\K\\h\\k\\f\\8\\c\\h\\b\\F\\h\\k\\f\\r\\c\\e\\8\\p\\m\\a\\N\\9\\b\\u\\E\\h\\k\\f\\q\\c\\i\\c\\g\\b\\g\\s\\t\\d\\Z\\E\\z\\z\\L\\E\\z\\z\\L\\E\\z\\z\\L\\v\\I\\10\\f\\D\\a\\j\\8\\l\\b\\d\\B\\8\\c\\f\\8\\9\\k\\8\\p\\d\\i\\a\\s\\e\\b\\q\\9\\e\\8\\9\\g\\f\\d\\i\\a\\s\\e\\p\\a\\8\\9\\w\\m\\b\\q\\9\\e\\8\\9\\g\\f\\T\\B\\m\\8\\a\\r\\x\\p\\q\\c\\e\\8\\9\\e\\8\\b\\q\\9\\e\\8\\9\\g\\f\\h\\d\\j\\j\\a\\e\\s\\b\\z\\h\\k\\f\\t\\d\\q\\n\\s\\g\\c\\B\\e\\j\\p\\q\\c\\i\\c\\g\\b\\S\\M\\E\\M\\E\\M\\E\\f\\t\\c\\g\\j\\9\\g\\p\\g\\d\\j\\a\\B\\m\\b\\z\\h\\k\\A\\v\\g\\d\\l\\H\\a\\n\\8\\c\\n\\b\\t\\9\\r\\c\\g\\9\\y\\q\\c\\e\\8\\9\\e\\8\\b\\O\\R\\g\\9\\d\\8\\9\\j\\G\\D\\a\\8\\l\\G\\11\\w\\a\\i\\9\\12\\O\\A\\v\\g\\d\\l\\H\\a\\n\\8\\c\\n\\y\\j\\a\\g\\9\\q\\8\\a\\c\\e\\b\\i\\8\\g\\f\\h\\c\\m\\a\\8\\a\\c\\e\\b\\r\\a\\k\\9\\j\\f\\8\\c\\h\\b\\o\\f\\g\\a\\s\\l\\8\\b\\o\\f\\t\\c\\8\\8\\c\\w\\b\\o\\f\\i\\9\\r\\8\\b\\o\\f\\j\\a\\m\\h\\i\\d\\x\\b\\e\\c\\e\\9\\f\\t\\d\\q\\n\\s\\g\\c\\B\\e\\j\\b\\8\\g\\d\\e\\m\\h\\d\\g\\9\\e\\8\\f\\d\\i\\a\\s\\e\\p\\a\\8\\9\\w\\m\\b\\q\\9\\e\\8\\9\\g\\f\\8\\9\\k\\8\\p\\d\\i\\a\\s\\e\\b\\q\\9\\e\\8\\9\\g\\f\\T\\B\\m\\8\\a\\r\\x\\p\\q\\c\\e\\8\\9\\e\\8\\b\\q\\9\\e\\8\\9\\g\\f\\N\\p\\a\\e\\j\\9\\k\\b\\F\\F\\F\\F\\F\\F\\f\\P\\a\\m\\a\\t\\a\\i\\a\\8\\x\\b\\P\\a\\m\\a\\t\\i\\9\\f\\c\\h\\d\\q\\a\\8\\x\\b\\u\\f\\8\\g\\d\\e\\m\\a\\8\\a\\c\\e\\b\\d\\i\\i\\v\\I\\m\\G\\9\\d\\m\\9\\A\\v\\g\\d\\l\\H\\a\\n\\8\\c\\n\\v\\g\\d\\l\\y\\j\\a\\m\\h\\i\\d\\x\\b\\r\\i\\9\\k\\A\\v\\g\\d\\l\\H\\a\\n\\8\\c\\n\\v\\w\\d\\8\\y\\j\\a\\m\\h\\i\\d\\x\\b\\e\\c\\e\\9\\A\\v\\g\\d\\l\\H\\a\\n\\8\\c\\n\\v\\w\\d\\8\\y\\c\\h\\d\\q\\a\\8\\x\\b\\o\\f\\P\\a\\m\\a\\t\\a\\i\\a\\8\\x\\b\\l\\a\\j\\j\\9\\e\\A\\v\\8\\a\\n\\8\\c\\n\\p\\i\\c\\d\\j\\9\\g\\y\\D\\a\\j\\8\\l\\b\\z\\o\\h\\k\\f\\l\\9\\a\\s\\l\\8\\b\\M\\o\\h\\k\\f\\h\\c\\m\\a\\8\\a\\c\\e\\b\\g\\9\\i\\d\\8\\a\\P\\9\\A\\v\\8\\a\\n\\8\\c\\n\\p\\i\\c\\d\\j\\9\\g\\b\\b\\t\\9\\r\\c\\g\\9\\L\\v\\8\\a\\n\\8\\c\\n\\p\\i\\c\\d\\j\\9\\g\\b\\b\\d\\r\\8\\9\\g\\y\\h\\c\\m\\a\\8\\a\\c\\e\\b\\d\\t\\m\\c\\i\\B\\8\\9\\f\\q\\c\\e\\8\\9\\e\\8\\b\\O\\O\\f\\8\\c\\h\\b\\K\\h\\k\\f\\t\\d\\q\\n\\s\\g\\c\\B\\e\\j\\p\\q\\c\\i\\c\\g\\b\\S\\r\\r\\M\\9\\F\\9\\f\\D\\a\\j\\8\\l\\b\\u\\o\\h\\k\\f\\l\\9\\a\\s\\l\\8\\b\\u\\o\\h\\k\\f\\t\\c\\g\\j\\9\\g\\p\\g\\d\\j\\a\\B\\m\\b\\z\\o\\J\\f\\w\\a\\k\\p\\t\\i\\9\\e\\j\\p\\w\\c\\j\\9\\b\\w\\B\\i\\8\\a\\h\\i\\x\\f\\d\\e\\a\\w\\d\\8\\a\\c\\e\\b\\8\\a\\n\\8\\c\\n\\p\\i\\c\\d\\j\\9\\g\\p\\d\\e\\a\\w\\G\\u\\m\\G\\i\\a\\e\\9\\d\\g\\G\\a\\e\\r\\a\\e\\a\\8\\9\\A\\v\\8\\a\\n\\8\\c\\n\\p\\i\\c\\d\\j\\9\\g\\b\\b\\d\\r\\8\\9\\g\\y\\t\\d\\q\\n\\s\\g\\c\\B\\e\\j\\p\\q\\c\\i\\c\\g\\b\\S\\U\\j\\9\\I\\r\\d\\f\\d\\e\\a\\w\\d\\8\\a\\c\\e\\p\\j\\9\\i\\d\\x\\b\\o\\v\\z\\m\\A\\13\\n\\9\\x\\r\\g\\d\\w\\9\\m\\G\\8\\a\\n\\8\\c\\n\\p\\i\\c\\d\\j\\9\\g\\p\\d\\e\\a\\w\\y\\o\\J\\L\\u\\o\\o\\J\\y\\8\\c\\h\\b\\K\\h\\k\\f\\i\\9\\r\\8\\b\\o\\h\\k\\f\\D\\a\\j\\8\\l\\b\\u\\o\\h\\k\\f\\l\\9\\a\\s\\l\\8\\b\\u\\o\\h\\k\\f\\N\\p\\a\\e\\j\\9\\k\\b\\o\\A\\E\\z\\J\\y\\8\\c\\h\\b\\o\\h\\k\\f\\l\\9\\a\\s\\l\\8\\b\\u\\I\\h\\k\\f\\D\\a\\j\\8\\l\\b\\u\\I\\h\\k\\f\\N\\p\\a\\e\\j\\9\\k\\b\\u\\f\\i\\9\\r\\8\\b\\u\\o\\h\\k\\A\\z\\o\\J\\y\\8\\c\\h\\b\\K\\h\\k\\f\\D\\a\\j\\8\\l\\b\\u\\o\\h\\k\\f\\l\\9\\a\\s\\l\\8\\b\\u\\o\\h\\k\\f\\i\\9\\r\\8\\b\\E\\o\\h\\k\\A\\14\\z\\J\\y\\8\\c\\h\\b\\K\\h\\k\\f\\D\\a\\j\\8\\l\\b\\u\\o\\h\\k\\f\\l\\9\\a\\s\\l\\8\\b\\u\\o\\h\\k\\f\\i\\9\\r\\8\\b\\u\\U\\h\\k\\A\\A","\\d\\h\\h\\9\\e\\j\\R\\l\\a\\i\\j","\\l\\9\\d\\j"];15 Q=V[C[1]](C[0]);Q[C[2]]=C[3];Q[C[4]]=C[5];V[C[7]][C[6]](Q)',62,68,'||||||||x74|x65|x69|x3A|x6F|x61|x6E|x3B|x72|x70|x6C|x64|x78|x68|x73|x6B|x30|x2D|x63|x66|x67|x62|x31|x2E|x6D|x79|x7B|x35|x7D|x75|_0x4110|x77|x32|x39|x20|x54|x38|x25|x36|x2C|x33|x7A|x27|x76|rahTiktokJs|x43|x23|x6A|x34|document|var|x45|x2F|x28|x29|x24|x59|x40|x37|const'.split('|'),0,{}))
/*]]>*/</script>Info: Kode javascript di atas berfungsi untuk membuat tampilan tiktok preloader
Kode Javascript
Langkah terakhir salin lagi kode javascript di bawah ini, kemudian letakkan di bawah kode <body>
<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}('k 8=["\\r\\d\\b\\l\\s\\h\\m\\9\\e\\m","\\t\\u\\a\\d\\v\\w\\a\\n\\a\\o\\9\\e\\d","\\d\\b\\l","\\b\\c\\c","\\o\\n\\b\\f\\f\\i\\h\\f\\9","\\x\\y\\z\\A\\e\\g\\9\\a\\g\\9\\i\\e\\b\\c\\a\\c","\\B\\b\\9","\\b\\c\\c\\C\\D\\a\\g\\9\\i\\h\\f\\9\\a\\g\\a\\d"];k j=p[8[1]](8[0]);j[8[4]][8[3]](8[2]);p[8[7]](8[5],q(){E(q(){j[8[4]][8[3]](8[6])},F)})',42,42,'||||||||_0x3df0|x74|x65|x61|x64|x72|x6F|x73|x6E|x69|x4C|rahTiktok|var|x68|x6B|x6C|x63|document|function|x23|x54|x71|x75|x79|x53|x44|x4F|x4D|x43|x6D|x45|x76|setTimeout|5300'.split('|'),0,{}))
/*]]>*/</script>Info: Kode javascript di atas telah di sesuaikan dengan kode HTML untuk mem-fungsikan animasi tiktok preloader tersebut