Hello sobat ICloudzer kali ini admin bakalan menjabarkan mengenai cara membuat animasi pensil preloader yang keren
Info: Jika kamu penasaran dengan pembahasan kita kali ini yuk langsung aja kita bahas bersama sama
Pensil preloader
Apa itu pensil preloader? pensil preloader merupakan tampilan animasi bergerak yang di modifikasi menjadi sebuah preloader, nah apakah itu preloader? preloader secara singkat nya merupakan suatu tampilan yang muncul saat halaman website di refresh
Menggunakan Animasi
Hal yang menarik dari animasi pensil preloader adalah penggunaan animasi yang keren! karena sesuai judul artikel ini yaitu animasi pensil maka pasti penggunaan animasi juga di sertai, selain keren aninasi yang di tampilkan nantinya juga cepat dan responsif, pada tampilan mobile dan juga desktop pastinya
Menggunakan Javascript
Untuk membuat tampilan animasi pensil preloader di blogger adalah dengan menggunakan kode Javascript, atau lebih tepatnya mengenkripsi kode pembuatan tampilan animasi pensil preloader menggunakan javascript, dan jika ingin mengetahui kode originalnya silahkan hubungi saja admin yak
Contoh Tampilan
Jika kamu penasaran dengan contoh tampilan animasi pensil preloader silahkan periksa dengan cara me refresh halaman artikel yang sedabg kamu baca saat ini, untuk mekihat tampilan pensil preloader
Info: Bagaimana sobat dengan contoh tampilannya keren sekali yak
Cara pembuatan
Baiklah sekarang saatnya admin bakalan menjabarkan mengenai cara membuat tampilan animasi pensil 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='rahPenIn' id='rahPenIn'>
<svg class='rahpen' viewBox='0 0 200 200' width='200px' height='200px' xmlns='http://www.w3.org/2000/svg'><defs><clipPath id='rahpen-eraser'><rect rx='5'ry='5'width='30'height='30'></rect></clipPath></defs><circle class='rahpenstrk'r='70'fill='none'stroke='currentColor'stroke-width='2'stroke-dasharray='439.82 439.82'stroke-dashoffset='439.82'stroke-linecap='round'transform='rotate(-113,100,100)'/><g class='rahpenRott'transform='translate(100,100)'><g fill='none'><circle class='rahpenB1'r='64'stroke='hsl(0, 72%, 54%)'stroke-width='30'stroke-dasharray='402.12 402.12'stroke-dashoffset='402'transform='rotate(-90)'/><circle class='rahpenB2'r='74'stroke='hsl(0, 72%, 54%)'stroke-width='10'stroke-dasharray='464.96 464.96'stroke-dashoffset='465'transform='rotate(-90)'/><circle class='rahpenB3'r='54'stroke='hsl(0, 72%, 54%)'stroke-width='10'stroke-dasharray='339.29 339.29'stroke-dashoffset='339'transform='rotate(-90)'/></g><g class='rahpenEra'transform='rotate(-90) translate(49,0)'><g class='rahpenEraS'><rect fill='hsl(222, 56%, 41%)'rx='5'ry='5'width='30'height='30'/><rect fill='hsl(223,90%,60%)'width='5'height='30'clip-path='url(#rahpen-eraser)'/><rect fill='hsl(223,10%,90%)'width='30'height='20'/><rect fill='hsl(223,10%,70%)'width='15'height='20'/><rect fill='hsl(223,10%,80%)'width='5'height='20'/><rect fill='hsla(223,10%,10%,0.2)'y='6'width='30'height='2'/><rect fill='hsla(223,10%,10%,0.2)'y='13'width='30'height='2'/></g></g><g class='rahpenP'transform='rotate(-90) translate(49,-30)'><polygon fill='hsl(33,90%,70%)'points='15 0,30 30,0 30'/><polygon fill='hsl(33,90%,50%)'points='15 0,6 30,0 30'/><polygon fill='hsl(223,10%,10%)'points='15 0,20 10,10 10'/></g></g></svg>
</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}('16 Q=["\\e\\9\\C\\w\\8","\\G\\b\\8\\a\\9\\8\\R\\w\\8\\j\\8\\c\\9","\\9\\C\\h\\8","\\9\\8\\z\\9\\17\\G\\e\\e","\\9\\8\\z\\9\\Z\\d\\c\\9\\8\\c\\9","\\o\\b\\a\\k\\O\\8\\c\\U\\c\\g\\J\\8\\i\\d\\b\\8\\p\\i\\d\\c\\9\\n\\L\\8\\f\\y\\k\\9\\g\\M\\l\\l\\r\\h\\d\\e\\f\\9\\f\\d\\c\\g\\a\\J\\e\\d\\w\\K\\9\\8\\r\\b\\f\\y\\k\\9\\g\\P\\h\\z\\r\\9\\d\\h\\g\\D\\h\\z\\r\\i\\d\\c\\9\\n\\e\\f\\11\\8\\g\\x\\A\\h\\z\\r\\G\\d\\w\\d\\b\\g\\b\\y\\J\\a\\u\\A\\t\\t\\s\\A\\t\\t\\s\\A\\t\\t\\s\\o\\M\\v\\r\\L\\f\\m\\9\\k\\g\\a\\K\\9\\d\\r\\9\\8\\z\\9\\n\\a\\w\\f\\y\\c\\g\\G\\8\\c\\9\\8\\b\\r\\a\\w\\f\\y\\c\\n\\f\\9\\8\\j\\e\\g\\G\\8\\c\\9\\8\\b\\r\\12\\K\\e\\9\\f\\i\\C\\n\\G\\d\\c\\9\\8\\c\\9\\g\\G\\8\\c\\9\\8\\b\\r\\h\\a\\m\\m\\f\\c\\y\\g\\t\\h\\z\\r\\J\\a\\G\\B\\y\\b\\d\\K\\c\\m\\n\\G\\d\\w\\d\\b\\g\\13\\E\\A\\E\\A\\E\\A\\r\\J\\d\\b\\m\\8\\b\\n\\b\\a\\m\\f\\K\\e\\g\\t\\h\\z\\q\\o\\b\\a\\k\\O\\8\\c\\U\\c\\g\\J\\8\\i\\d\\b\\8\\p\\G\\d\\c\\9\\8\\c\\9\\g\\14\\Z\\b\\8\\a\\9\\8\\m\\N\\L\\f\\9\\k\\N\\18\\j\\f\\w\\8\\19\\14\\q\\o\\b\\a\\k\\O\\8\\c\\U\\c\\p\\m\\f\\b\\8\\G\\9\\f\\d\\c\\g\\w\\9\\b\\r\\h\\d\\e\\f\\9\\f\\d\\c\\g\\i\\f\\z\\8\\m\\r\\9\\d\\h\\g\\l\\r\\b\\f\\y\\k\\9\\g\\l\\r\\J\\d\\9\\9\\d\\j\\g\\l\\r\\w\\8\\i\\9\\g\\l\\r\\m\\f\\e\\h\\w\\a\\C\\g\\c\\d\\c\\8\\r\\J\\a\\G\\B\\y\\b\\d\\K\\c\\m\\g\\13\\i\\8\\i\\8\\i\\8\\r\\a\\w\\f\\y\\c\\n\\f\\9\\8\\j\\e\\g\\G\\8\\c\\9\\8\\b\\r\\12\\K\\e\\9\\f\\i\\C\\n\\G\\d\\c\\9\\8\\c\\9\\g\\G\\8\\c\\9\\8\\b\\r\\11\\n\\f\\c\\m\\8\\z\\g\\D\\D\\D\\D\\D\\D\\r\\10\\f\\e\\f\\J\\f\\w\\f\\9\\C\\g\\10\\f\\e\\f\\J\\w\\8\\r\\d\\h\\a\\G\\f\\9\\C\\g\\x\\r\\9\\b\\a\\c\\e\\f\\9\\f\\d\\c\\g\\a\\w\\w\\o\\M\\e\\N\\8\\a\\e\\8\\q\\o\\b\\a\\k\\O\\8\\c\\U\\c\\o\\b\\a\\k\\p\\m\\f\\e\\h\\w\\a\\C\\g\\i\\w\\8\\z\\q\\o\\b\\a\\k\\O\\8\\c\\U\\c\\o\\j\\a\\9\\p\\m\\f\\e\\h\\w\\a\\C\\g\\c\\d\\c\\8\\q\\o\\b\\a\\k\\O\\8\\c\\U\\c\\o\\j\\a\\9\\p\\d\\h\\a\\G\\f\\9\\C\\g\\l\\r\\10\\f\\e\\f\\J\\f\\w\\f\\9\\C\\g\\k\\f\\m\\m\\8\\c\\q\\o\\b\\a\\k\\h\\8\\c\\p\\m\\f\\e\\h\\w\\a\\C\\g\\J\\w\\d\\G\\B\\r\\L\\f\\m\\9\\k\\g\\x\\l\\8\\j\\r\\k\\8\\f\\y\\k\\9\\g\\x\\l\\8\\j\\q\\o\\b\\a\\k\\h\\8\\c\\I\\x\\s\\o\\b\\a\\k\\h\\8\\c\\I\\A\\s\\o\\b\\a\\k\\h\\8\\c\\I\\E\\s\\o\\b\\a\\k\\h\\8\\c\\R\\b\\a\\s\\o\\b\\a\\k\\h\\8\\c\\R\\b\\a\\V\\s\\o\\b\\a\\k\\h\\8\\c\\O\\s\\o\\b\\a\\k\\h\\8\\c\\X\\d\\9\\9\\s\\o\\b\\a\\k\\h\\8\\c\\e\\9\\b\\B\\p\\a\\c\\f\\j\\a\\9\\f\\d\\c\\n\\m\\K\\b\\a\\9\\f\\d\\c\\g\\E\\e\\r\\a\\c\\f\\j\\a\\9\\f\\d\\c\\n\\9\\f\\j\\f\\c\\y\\n\\i\\K\\c\\G\\9\\f\\d\\c\\g\\w\\f\\c\\8\\a\\b\\r\\a\\c\\f\\j\\a\\9\\f\\d\\c\\n\\f\\9\\8\\b\\a\\9\\f\\d\\c\\n\\G\\d\\K\\c\\9\\g\\f\\c\\i\\f\\c\\f\\9\\8\\q\\o\\b\\a\\k\\h\\8\\c\\I\\x\\s\\o\\b\\a\\k\\h\\8\\c\\I\\A\\s\\o\\b\\a\\k\\h\\8\\c\\I\\E\\p\\9\\b\\a\\c\\e\\i\\d\\b\\j\\g\\b\\d\\9\\a\\9\\8\\u\\n\\D\\l\\m\\8\\y\\v\\q\\o\\b\\a\\k\\h\\8\\c\\I\\x\\p\\a\\c\\f\\j\\a\\9\\f\\d\\c\\n\\c\\a\\j\\8\\g\\b\\a\\k\\h\\8\\c\\I\\d\\m\\C\\x\\q\\o\\b\\a\\k\\h\\8\\c\\I\\A\\p\\a\\c\\f\\j\\a\\9\\f\\d\\c\\n\\c\\a\\j\\8\\g\\b\\a\\k\\h\\8\\c\\I\\d\\m\\C\\A\\q\\o\\b\\a\\k\\h\\8\\c\\I\\E\\p\\a\\c\\f\\j\\a\\9\\f\\d\\c\\n\\c\\a\\j\\8\\g\\b\\a\\k\\h\\8\\c\\I\\d\\m\\C\\E\\q\\o\\b\\a\\k\\h\\8\\c\\R\\b\\a\\p\\a\\c\\f\\j\\a\\9\\f\\d\\c\\n\\c\\a\\j\\8\\g\\b\\a\\k\\h\\8\\c\\R\\b\\a\\e\\8\\b\\r\\9\\b\\a\\c\\e\\i\\d\\b\\j\\g\\b\\d\\9\\a\\9\\8\\u\\n\\D\\l\\m\\8\\y\\v\\9\\b\\a\\c\\e\\w\\a\\9\\8\\u\\H\\D\\h\\z\\s\\l\\v\\q\\o\\b\\a\\k\\h\\8\\c\\R\\b\\a\\V\\p\\a\\c\\f\\j\\a\\9\\f\\d\\c\\n\\c\\a\\j\\8\\g\\b\\a\\k\\h\\8\\c\\R\\b\\a\\e\\8\\b\\V\\B\\8\\L\\r\\a\\c\\f\\j\\a\\9\\f\\d\\c\\n\\9\\f\\j\\f\\c\\y\\n\\i\\K\\c\\G\\9\\f\\d\\c\\g\\8\\a\\e\\8\\n\\f\\c\\n\\d\\K\\9\\q\\o\\b\\a\\k\\h\\8\\c\\O\\p\\a\\c\\f\\j\\a\\9\\f\\d\\c\\n\\c\\a\\j\\8\\g\\b\\a\\k\\h\\8\\c\\O\\d\\f\\c\\9\\r\\9\\b\\a\\c\\e\\i\\d\\b\\j\\g\\b\\d\\9\\a\\9\\8\\u\\n\\D\\l\\m\\8\\y\\v\\9\\b\\a\\c\\e\\w\\a\\9\\8\\u\\H\\D\\h\\z\\s\\n\\E\\l\\h\\z\\v\\q\\o\\b\\a\\k\\h\\8\\c\\X\\d\\9\\9\\p\\a\\c\\f\\j\\a\\9\\f\\d\\c\\n\\c\\a\\j\\8\\g\\b\\a\\k\\h\\8\\c\\X\\d\\9\\a\\9\\8\\q\\o\\b\\a\\k\\h\\8\\c\\e\\9\\b\\B\\p\\a\\c\\f\\j\\a\\9\\f\\d\\c\\n\\c\\a\\j\\8\\g\\b\\a\\k\\h\\8\\c\\V\\9\\b\\d\\B\\8\\r\\9\\b\\a\\c\\e\\i\\d\\b\\j\\g\\9\\b\\a\\c\\e\\w\\a\\9\\8\\u\\x\\l\\l\\h\\z\\s\\x\\l\\l\\h\\z\\v\\b\\d\\9\\a\\9\\8\\u\\n\\x\\x\\E\\m\\8\\y\\v\\q\\S\\B\\8\\C\\i\\b\\a\\j\\8\\e\\N\\b\\a\\k\\h\\8\\c\\I\\d\\m\\C\\x\\p\\i\\b\\d\\j\\s\\9\\d\\p\\e\\9\\b\\d\\B\\8\\n\\m\\a\\e\\k\\d\\i\\i\\e\\8\\9\\g\\E\\t\\x\\o\\M\\P\\r\\9\\b\\a\\c\\e\\i\\d\\b\\j\\g\\b\\d\\9\\a\\9\\8\\u\\n\\D\\l\\m\\8\\y\\v\\q\\t\\l\\F\\p\\e\\9\\b\\d\\B\\8\\n\\m\\a\\e\\k\\d\\i\\i\\e\\8\\9\\g\\x\\t\\l\\o\\M\\r\\9\\b\\a\\c\\e\\i\\d\\b\\j\\g\\b\\d\\9\\a\\9\\8\\u\\n\\A\\A\\t\\m\\8\\y\\v\\q\\q\\S\\B\\8\\C\\i\\b\\a\\j\\8\\e\\N\\b\\a\\k\\h\\8\\c\\I\\d\\m\\C\\A\\p\\i\\b\\d\\j\\s\\9\\d\\p\\e\\9\\b\\d\\B\\8\\n\\m\\a\\e\\k\\d\\i\\i\\e\\8\\9\\g\\H\\l\\P\\o\\M\\H\\r\\9\\b\\a\\c\\e\\i\\d\\b\\j\\g\\b\\d\\9\\a\\9\\8\\u\\n\\D\\l\\m\\8\\y\\v\\q\\t\\l\\F\\p\\e\\9\\b\\d\\B\\8\\n\\m\\a\\e\\k\\d\\i\\i\\e\\8\\9\\g\\x\\T\\H\\o\\E\\P\\r\\9\\b\\a\\c\\e\\i\\d\\b\\j\\g\\b\\d\\9\\a\\9\\8\\u\\n\\A\\A\\t\\m\\8\\y\\v\\q\\q\\S\\B\\8\\C\\i\\b\\a\\j\\8\\e\\N\\b\\a\\k\\h\\8\\c\\I\\d\\m\\C\\E\\p\\i\\b\\d\\j\\s\\9\\d\\p\\e\\9\\b\\d\\B\\8\\n\\m\\a\\e\\k\\d\\i\\i\\e\\8\\9\\g\\A\\D\\P\\o\\M\\M\\r\\9\\b\\a\\c\\e\\i\\d\\b\\j\\g\\b\\d\\9\\a\\9\\8\\u\\n\\D\\l\\m\\8\\y\\v\\q\\t\\l\\F\\p\\e\\9\\b\\d\\B\\8\\n\\m\\a\\e\\k\\d\\i\\i\\e\\8\\9\\g\\x\\A\\T\\o\\A\\E\\r\\9\\b\\a\\c\\e\\i\\d\\b\\j\\g\\b\\d\\9\\a\\9\\8\\u\\n\\A\\A\\t\\m\\8\\y\\v\\q\\q\\S\\B\\8\\C\\i\\b\\a\\j\\8\\e\\N\\b\\a\\k\\h\\8\\c\\R\\b\\a\\e\\8\\b\\p\\i\\b\\d\\j\\s\\9\\d\\p\\9\\b\\a\\c\\e\\i\\d\\b\\j\\g\\b\\d\\9\\a\\9\\8\\u\\n\\H\\t\\m\\8\\y\\v\\9\\b\\a\\c\\e\\w\\a\\9\\8\\u\\H\\D\\h\\z\\s\\l\\v\\q\\t\\l\\F\\p\\9\\b\\a\\c\\e\\i\\d\\b\\j\\g\\b\\d\\9\\a\\9\\8\\u\\l\\m\\8\\y\\v\\9\\b\\a\\c\\e\\w\\a\\9\\8\\u\\H\\D\\h\\z\\s\\l\\v\\q\\q\\S\\B\\8\\C\\i\\b\\a\\j\\8\\e\\N\\b\\a\\k\\h\\8\\c\\R\\b\\a\\e\\8\\b\\V\\B\\8\\L\\p\\i\\b\\d\\j\\s\\E\\A\\o\\t\\F\\s\\P\\T\\o\\t\\F\\s\\9\\d\\p\\9\\b\\a\\c\\e\\i\\d\\b\\j\\g\\e\\B\\8\\L\\W\\u\\l\\v\\q\\E\\t\\F\\s\\P\\t\\F\\p\\9\\b\\a\\c\\e\\i\\d\\b\\j\\g\\e\\B\\8\\L\\W\\u\\n\\H\\m\\8\\y\\v\\q\\E\\T\\o\\t\\F\\s\\P\\A\\o\\t\\F\\p\\9\\b\\a\\c\\e\\i\\d\\b\\j\\g\\e\\B\\8\\L\\W\\u\\M\\m\\8\\y\\v\\q\\H\\l\\F\\s\\H\\t\\F\\s\\t\\l\\F\\s\\t\\t\\F\\s\\P\\l\\F\\p\\9\\b\\a\\c\\e\\i\\d\\b\\j\\g\\e\\B\\8\\L\\W\\u\\n\\x\\t\\m\\8\\y\\v\\q\\H\\A\\o\\t\\F\\s\\H\\T\\o\\t\\F\\s\\t\\A\\o\\t\\F\\s\\t\\T\\o\\t\\F\\p\\9\\b\\a\\c\\e\\i\\d\\b\\j\\g\\e\\B\\8\\L\\W\\u\\x\\t\\m\\8\\y\\v\\q\\q\\S\\B\\8\\C\\i\\b\\a\\j\\8\\e\\N\\b\\a\\k\\h\\8\\c\\O\\d\\f\\c\\9\\p\\i\\b\\d\\j\\s\\9\\d\\p\\9\\b\\a\\c\\e\\i\\d\\b\\j\\g\\b\\d\\9\\a\\9\\8\\u\\n\\D\\l\\m\\8\\y\\v\\9\\b\\a\\c\\e\\w\\a\\9\\8\\u\\H\\D\\h\\z\\s\\n\\E\\l\\h\\z\\v\\q\\t\\l\\F\\p\\9\\b\\a\\c\\e\\i\\d\\b\\j\\g\\b\\d\\9\\a\\9\\8\\u\\n\\A\\A\\t\\m\\8\\y\\v\\9\\b\\a\\c\\e\\w\\a\\9\\8\\u\\H\\D\\h\\z\\s\\n\\E\\l\\h\\z\\v\\q\\q\\S\\B\\8\\C\\i\\b\\a\\j\\8\\e\\N\\b\\a\\k\\h\\8\\c\\X\\d\\9\\a\\9\\8\\p\\i\\b\\d\\j\\p\\9\\b\\a\\c\\e\\i\\d\\b\\j\\g\\9\\b\\a\\c\\e\\w\\a\\9\\8\\u\\x\\l\\l\\h\\z\\s\\x\\l\\l\\h\\z\\v\\b\\d\\9\\a\\9\\8\\u\\l\\v\\q\\9\\d\\p\\9\\b\\a\\c\\e\\i\\d\\b\\j\\g\\9\\b\\a\\c\\e\\w\\a\\9\\8\\u\\x\\l\\l\\h\\z\\s\\x\\l\\l\\h\\z\\v\\b\\d\\9\\a\\9\\8\\u\\T\\A\\l\\m\\8\\y\\v\\q\\q\\S\\B\\8\\C\\i\\b\\a\\j\\8\\e\\N\\b\\a\\k\\h\\8\\c\\V\\9\\b\\d\\B\\8\\p\\i\\b\\d\\j\\p\\e\\9\\b\\d\\B\\8\\n\\m\\a\\e\\k\\d\\i\\i\\e\\8\\9\\g\\H\\E\\D\\o\\M\\A\\r\\9\\b\\a\\c\\e\\i\\d\\b\\j\\g\\9\\b\\a\\c\\e\\w\\a\\9\\8\\u\\x\\l\\l\\h\\z\\s\\x\\l\\l\\h\\z\\v\\b\\d\\9\\a\\9\\8\\u\\n\\x\\x\\E\\m\\8\\y\\v\\q\\t\\l\\F\\p\\e\\9\\b\\d\\B\\8\\n\\m\\a\\e\\k\\d\\i\\i\\e\\8\\9\\g\\x\\P\\H\\o\\D\\E\\r\\9\\b\\a\\c\\e\\i\\d\\b\\j\\g\\9\\b\\a\\c\\e\\w\\a\\9\\8\\u\\x\\l\\l\\h\\z\\s\\x\\l\\l\\h\\z\\v\\b\\d\\9\\a\\9\\8\\u\\n\\x\\x\\E\\m\\8\\y\\v\\q\\T\\t\\F\\s\\9\\d\\p\\e\\9\\b\\d\\B\\8\\n\\m\\a\\e\\k\\d\\i\\i\\e\\8\\9\\g\\H\\E\\D\\o\\M\\A\\r\\9\\b\\a\\c\\e\\i\\d\\b\\j\\g\\9\\b\\a\\c\\e\\w\\a\\9\\8\\u\\x\\l\\l\\h\\z\\s\\x\\l\\l\\h\\z\\v\\b\\d\\9\\a\\9\\8\\u\\x\\x\\A\\m\\8\\y\\v\\q\\q","\\a\\h\\h\\8\\c\\m\\Z\\k\\f\\w\\m","\\k\\8\\a\\m"];1a Y=15[Q[1]](Q[0]);Y[Q[2]]=Q[3];Y[Q[4]]=Q[5];15[Q[7]][Q[6]](Y)',62,73,'||||||||x65|x74|x61|x72|x6E|x6F|x73|x69|x3A|x70|x66|x6D|x68|x30|x64|x2D|x2E|x7B|x7D|x3B|x2C|x35|x28|x29|x6C|x31|x67|x78|x32|x6B|x79|x39|x33|x25|x63|x34|x42|x62|x75|x77|x38|x20|x50|x36|_0x8078|x45|x40|x37|x49|x53|x58|x52|rahPenJs|x43|x76|x7A|x6A|x23|x27|document|var|x2F|x24|x59|const'.split('|'),0,{}))
/*]]>*/</script>Info: Kode javascript di atas berfungsi untuk membuat tampilan animasi pensil 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}('j 8=["\\q\\e\\a\\k\\r\\9\\c\\s\\c","\\t\\u\\9\\e\\v\\w\\9\\l\\9\\m\\b\\g\\e","\\e\\a\\k","\\a\\d\\d","\\m\\l\\a\\f\\f\\h\\n\\f\\b","\\x\\y\\z\\A\\g\\c\\b\\9\\c\\b\\h\\g\\a\\d\\9\\d","\\B\\a\\b","\\a\\d\\d\\C\\D\\9\\c\\b\\h\\n\\f\\b\\9\\c\\9\\e"];j i=o[8[1]](8[0]);i[8[4]][8[3]](8[2]);o[8[7]](8[5],p(){E(p(){i[8[4]][8[3]](8[6])},F)})',42,42,'||||||||_0xf877|x65|x61|x74|x6E|x64|x72|x73|x6F|x4C|rahpen|var|x68|x6C|x63|x69|document|function|x23|x50|x49|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 memfungsikan animasi pensil preloader tersebut