Cara Memasang Efek Hujan Salju Pada Blog

Kali ini kita akan membahas cara memasang efek hujan salju pada blogger, tentunya tampilan blog dan kecepatan merupakan hal yang penting dalam sebuah blog. Tentunya dengan memasang efek hujan salju ini akan memperindah tampilan blog kalian agar pengunjung tidak bosan dalam melihat blog kita. Baca juga Cara Mengubah Header Jadi Berwarna Pada Template VioMagz

Cara Memasang Efek Hujan Salju Pada Blog

Pertama anda harus melakukan login terlebih dahulu ke blogger.com agar bisa masuk ke Dashboard > Tema > Edit HTML > Copy & Pastekan simpan code dibawah ini sebelum </body>

<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 Sobat Husen */
.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 jika berhasiil akan menampilkan efek turun salju pada blog seperti ini.

DEMO

Begitulah Cara Memasang Efek Hujan Salju Pada Blog semoga membantu dan bermanfaat. Wassalamualaikum.