Kali ini kita akan membahas cara memasang dampak hujan salju pada blogger, tentunya tampilan blog dan kecepatan merupakan hal yang penting dalam sebuah blog. Tentunya dengan memasang dampak hujan salju ini akan memperindah tampilan blog kalian semoga pengunjung tidak bosan dalam melihat blog kita. Baca juga Cara Mengubah Header Kaprikornus Berwarna Pada Template VioMagz
Cara Memasang Efek Hujan Salju Pada Blog
<div class='contentz'> <canvas class='snow' id='snow'></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("snow"))},"loading"!=document.readyState?n():document.addEventListener("DOMContentLoaded",n)}(); //]]> </script>Kemudian langkah selanjutnya simpan script CSS dibawah ini sebelum </head>
<style type='text/css'> /* Efek Salju */ .snow{position:fixed;top:0;left:0;right:0;pointer-events:none;z-index:20} .contentz{height:100%;position:relative;overflow:hidden;z-index:1} </style>Terakhir simpan, maka kalau berhasiil akan menampilkan dampak turun salju pada blog menyerupai ini.
Begitulah Cara Memasang Efek Hujan Salju Pada Blog semoga membantu dan bermanfaat. Wassalamualaikum. Sumber https://www.sobathusen.com/