Hello sobat icloudZer kali ini admin bakalan memberikan informasi mengenai bagaimana caranya membuat efek salju di blogger 100% work apabila di gunakan secara tepat pastinya
Info: Oke sobat icloudZer jika kamu sudah penasaran dengan pembahasan kita kali ini yuk langsung aja kita bahas bersama sama
Animasi Salju
Apakah itu animasi salju? animasi salju Terkhusus nya di blogger adalah suatu tampilan di blogger yang menggunakan bola kristal sebagai tampilan nya yang turun dan berjatuhan layaknya butiran salju, itulah mengapa animasi salju biasa di sebut dengan efek salju di blogger
Responsive
Jika kamu menggunakan efek animasi salju diblogger, maka tampilan dari animasi salju tersebut sangat responsif dan juga cepat, meskipun ada penggunaan unsur javascript di dalamnya tidak akan membuat performa blog menjadi lambat
Dark mode
Sebelum kamu memasang dan menggunakan efek salju di blog kamu ada baiknya admin menjelaskan terlebih dahulu mengenai efek salju ini! oke efek salju ini sangat di rekomendasikan pada tampilan mode dark? soalnya warna salju akan kebih hidup jika latar belakang nya juga cerah, nah mode dark adalah satu pilihan jika ingin menyaksikan efek salju di blogger tersebut
Contoh Tampilan
Jika kamu sudah penasaran dengan contoh tampilan dari animasi salju di blogger silahkan periksa menggunakan tombol di bawah ini
Info: Bagaimana sobat indah sekali yak
Cara pembuatan
Baiklah sobat icloudZer sekarang saatnya admin bakalan membahas bagaimana caranya membuat efek animasi salju di blogger, perhatian baik baik setiap langkah langkah yang admin jabarkan di bawah ini
- Langkah pertama seperti biasanya salin kode CSS di bawah ini kemudian letakkan tepat di atas kode </head>
- Selanjutnya salin kemudian letakkan kode HTML di bawah ini kemudian letakkan tepat di bawah kode <body>
- Selanjutnya salin lagi kode javascript di bawah ini kemudian letakkan tepat di atas kode </body>
<style type='text/css'>
/* Snowy Efect by Icloudice.com */
.rahsnow{position:fixed;top:0;left:0;right:0;pointer-events:none;z-index:20}
.rahsnowIn{height:100%;position:relative;overflow:hidden;z-index:1}
</style>
Info: Letakkan di atas ataupun sebelum kode </head>
<div class='rahsnowIn'>
<canvas class='rahsnow' id='rahsnow'></canvas>
</div>
Info: Kamu harus menaruh dan memasang kode HTML tersebut jika tidak efek salju tidak akan muncul
<script>
//<![CDATA[
var _0xd776=["\x32\x64","\x67\x65\x74\x43\x6F\x6E\x74\x65\x78\x74","\x78","\x79","\x64\x78","\x64\x79","\x72\x65\x73\x65\x74","\x69\x6E\x6E\x65\x72\x57\x69\x64\x74\x68","\x69\x6E\x6E\x65\x72\x48\x65\x69\x67\x68\x74","\x77\x69\x64\x74\x68","\x68\x65\x69\x67\x68\x74","\x6C\x65\x6E\x67\x74\x68","\x70\x75\x73\x68","\x70\x72\x6F\x74\x6F\x74\x79\x70\x65","\x72\x61\x6E\x64\x6F\x6D","\x63\x6C\x65\x61\x72\x52\x65\x63\x74","\x66\x69\x6C\x6C\x53\x74\x79\x6C\x65","\x72\x67\x62\x61\x28\x32\x35\x35\x2C\x32\x35\x35\x2C\x32\x35\x35\x2C\x2E\x33\x29","\x62\x65\x67\x69\x6E\x50\x61\x74\x68","\x50\x49","\x61\x72\x63","\x66\x69\x6C\x6C","\x66\x6F\x72\x45\x61\x63\x68","\x72\x65\x71\x75\x65\x73\x74\x41\x6E\x69\x6D\x61\x74\x69\x6F\x6E\x46\x72\x61\x6D\x65","\x72\x65\x73\x69\x7A\x65","\x61\x64\x64\x45\x76\x65\x6E\x74\x4C\x69\x73\x74\x65\x6E\x65\x72","\x72\x61\x68\x73\x6E\x6F\x77","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64","\x6C\x6F\x61\x64\x69\x6E\x67","\x72\x65\x61\x64\x79\x53\x74\x61\x74\x65","\x44\x4F\x4D\x43\x6F\x6E\x74\x65\x6E\x74\x4C\x6F\x61\x64\x65\x64"];!function(){function _0xbe1cx1(_0xbe1cx1){var _0xbe1cx2=_0xbe1cx1[_0xd776[1]](_0xd776[0]),_0xbe1cx3=0,_0xbe1cx4=0,_0xbe1cx5=[],_0xbe1cx6=function(){this[_0xd776[2]]= this[_0xd776[3]]= this[_0xd776[4]]= this[_0xd776[5]]= 0,this[_0xd776[6]]()};function _0xbe1cx7(){_0xbe1cx3= window[_0xd776[7]],_0xbe1cx4= window[_0xd776[8]],_0xbe1cx1[_0xd776[9]]= _0xbe1cx3,_0xbe1cx1[_0xd776[10]]= _0xbe1cx4,function(_0xbe1cx1){if(_0xbe1cx1!= _0xbe1cx5[_0xd776[11]]){_0xbe1cx5= [];for(var _0xbe1cx2=0;_0xbe1cx2< _0xbe1cx1;_0xbe1cx2++){_0xbe1cx5[_0xd776[12]]( new _0xbe1cx6)}}}(_0xbe1cx3* _0xbe1cx4/ 1e4)}_0xbe1cx6[_0xd776[13]][_0xd776[6]]= function(){this[_0xd776[3]]= Math[_0xd776[14]]()* _0xbe1cx4,this[_0xd776[2]]= Math[_0xd776[14]]()* _0xbe1cx3,this[_0xd776[4]]= 1* Math[_0xd776[14]]()- 0.5,this[_0xd776[5]]= 0.5* Math[_0xd776[14]]()+ 0.5},_0xbe1cx7(),function _0xbe1cx1(){_0xbe1cx2[_0xd776[15]](0,0,_0xbe1cx3,_0xbe1cx4),_0xbe1cx2[_0xd776[16]]= _0xd776[17],_0xbe1cx5[_0xd776[22]](function(_0xbe1cx1){_0xbe1cx1[_0xd776[3]]+= _0xbe1cx1[_0xd776[5]],_0xbe1cx1[_0xd776[2]]+= _0xbe1cx1[_0xd776[4]],_0xbe1cx1[_0xd776[3]]> _0xbe1cx4&& (_0xbe1cx1[_0xd776[3]]= 0),_0xbe1cx1[_0xd776[2]]> _0xbe1cx3&& (_0xbe1cx1[_0xd776[6]](),_0xbe1cx1[_0xd776[3]]= 0),_0xbe1cx2[_0xd776[18]](),_0xbe1cx2[_0xd776[20]](_0xbe1cx1[_0xd776[2]],_0xbe1cx1[_0xd776[3]],5,0,2* Math[_0xd776[19]],!1),_0xbe1cx2[_0xd776[21]]()}),window[_0xd776[23]](_0xbe1cx1)}(),window[_0xd776[25]](_0xd776[24],_0xbe1cx7)}var _0xbe1cx2;_0xbe1cx2= function(){_0xbe1cx1(document[_0xd776[27]](_0xd776[26]))},_0xd776[28]!= document[_0xd776[29]]?_0xbe1cx2():document[_0xd776[25]](_0xd776[30],_0xbe1cx2)}()
//]]>
</script>
Info: Jangan coba coba mengedit kode javascript di atas nanti efek salju nya tidak akan muncul