Membuat efek animasi salju di blogger

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

Periksa

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>

<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>

Selanjutnya salin kemudian letakkan kode HTML di bawah ini kemudian letakkan tepat di bawah kode <body>

<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

Selanjutnya salin lagi kode javascript di bawah ini kemudian letakkan tepat di atas kode </body>

&lt;script&gt;
//&lt;![CDATA[
var _0xd776=[&quot;\x32\x64&quot;,&quot;\x67\x65\x74\x43\x6F\x6E\x74\x65\x78\x74&quot;,&quot;\x78&quot;,&quot;\x79&quot;,&quot;\x64\x78&quot;,&quot;\x64\x79&quot;,&quot;\x72\x65\x73\x65\x74&quot;,&quot;\x69\x6E\x6E\x65\x72\x57\x69\x64\x74\x68&quot;,&quot;\x69\x6E\x6E\x65\x72\x48\x65\x69\x67\x68\x74&quot;,&quot;\x77\x69\x64\x74\x68&quot;,&quot;\x68\x65\x69\x67\x68\x74&quot;,&quot;\x6C\x65\x6E\x67\x74\x68&quot;,&quot;\x70\x75\x73\x68&quot;,&quot;\x70\x72\x6F\x74\x6F\x74\x79\x70\x65&quot;,&quot;\x72\x61\x6E\x64\x6F\x6D&quot;,&quot;\x63\x6C\x65\x61\x72\x52\x65\x63\x74&quot;,&quot;\x66\x69\x6C\x6C\x53\x74\x79\x6C\x65&quot;,&quot;\x72\x67\x62\x61\x28\x32\x35\x35\x2C\x32\x35\x35\x2C\x32\x35\x35\x2C\x2E\x33\x29&quot;,&quot;\x62\x65\x67\x69\x6E\x50\x61\x74\x68&quot;,&quot;\x50\x49&quot;,&quot;\x61\x72\x63&quot;,&quot;\x66\x69\x6C\x6C&quot;,&quot;\x66\x6F\x72\x45\x61\x63\x68&quot;,&quot;\x72\x65\x71\x75\x65\x73\x74\x41\x6E\x69\x6D\x61\x74\x69\x6F\x6E\x46\x72\x61\x6D\x65&quot;,&quot;\x72\x65\x73\x69\x7A\x65&quot;,&quot;\x61\x64\x64\x45\x76\x65\x6E\x74\x4C\x69\x73\x74\x65\x6E\x65\x72&quot;,&quot;\x72\x61\x68\x73\x6E\x6F\x77&quot;,&quot;\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64&quot;,&quot;\x6C\x6F\x61\x64\x69\x6E\x67&quot;,&quot;\x72\x65\x61\x64\x79\x53\x74\x61\x74\x65&quot;,&quot;\x44\x4F\x4D\x43\x6F\x6E\x74\x65\x6E\x74\x4C\x6F\x61\x64\x65\x64&quot;];!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&lt; _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]]&gt; _0xbe1cx4&amp;&amp; (_0xbe1cx1[_0xd776[3]]= 0),_0xbe1cx1[_0xd776[2]]&gt; _0xbe1cx3&amp;&amp; (_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)}()
//]]&gt;
&lt;/script&gt;

Info: Jangan coba coba mengedit kode javascript di atas nanti efek salju nya tidak akan muncul

ICloudice.com

Auto Theme Changer

Auto Themer

Read Mode