Cara Memasang Efek Salju Estetik di Blogger

Cara Membuat Efek Salju Pure CSS di Blogger – pada kesempatan ini admin akan membagikan tutorial cara membuat efek salju berjatuhan di blogger/blogspot.

Sebenarnya dari jaman dahulu kala sudah banyak dari para blogger yang membuat tutorial cara membuat efek salju berjatuhan ini.

Entah kenapa dijaman sekarang memasang efek-efek seperti ini seperti salju, jauh atau hujan di dalam blog sudah kurang peminatnya. Mungkin banyak blogger jaman sekarang malas melakukan coding atau dapat memberatkan loading blog.

Tapi itulah dulu, sekarang beda lagi. Sudah banyak perkembangan dimana kita bisa membuat efek salju estetik di blogger ini dengan hanya menggunakan CSS saja tanpa memberatkan loading blog. Tanpa panjang lebar lagi berikut tutorialnya.

Cara Membuat Efek Salju Estetik di Blogger

1. Buka Blogger
2. Pilih Tema
3. Pada menu SESUAIKAN pilih Edit HTML
4. Masukkan kode dibawah ini dan letakkan tepat diatas kode ]]></b:skin> atau </style>

   /* Efek Salju Blogger */
   .mikasnow{position:fixed;top:0;left:0;right:0;pointer-events:none;z-index:20}
   .mikawinter{height:100%;position:relative;overflow:hidden;z-index:1}

5. Kemudian letakkan kode ini tepat berapa diatas kode </body> atau </body>

   <div class='mikawinter'>
   <canvas class='mikasnow' id='mikasnow'></canvas>
   </div>
   <script type='text/javascript'>
   //<![CDATA[!function(){function t(t){var n=t.getContext("2d"),e=0,i=0,o=[],d=function(){this.x=this.y=this.dx=this.dy=0,this.reset()};function a(){e=window.innerWidth,i=window.innerHeight,t.width=e,t.height=i,function(t){if(t!=o.length){o=[];for(var n=0;n<t;n++)o.push(new d)}}(e*i/1e4)}d.prototype.reset=function(){this.y=Math.random()*i,this.x=Math.random()*e,this.dx=1*Math.random()-.5,this.dy=.5*Math.random()+.5},a(),function t(){n.clearRect(0,0,e,i),n.fillStyle="rgba(255,255,255,.3)",o.forEach(function(t){t.y+=t.dy,t.x+=t.dx,t.y>i&&(t.y=0),t.x>e&&(t.reset(),t.y=0),n.beginPath(),n.arc(t.x,t.y,5,0,2*Math.PI,!1),n.fill()}),window.requestAnimationFrame(t)}(),window.addEventListener("resize",a)}var n;n=function(){t(document.getElementById("mikasnow"))},"loading"!=document.readyState?n():document.addEventListener("DOMContentLoaded",n)}();
   //]]>
   </script>

Jika sudah, maka efek salju ini akan tampil di blog maupun posting kalian. Kalau template kalian memiliki fitur dark mode pasti akan lebih keren lagi.