Cara Membuat Efek Salju di Blogger

Assalamualaikum.
Hariini saya akan kongsikan cara menambah efek salju untuk blogger.

Menambahkan fitur efek salju berjatuhan merupakan salah satu dari usaha untuk mempercantik blog kita, karena dengan efek ini menjadikan blog terlihat lebih menarik dan berbeda dari blog lainnya.

Cara Membuat Efek Salju di Blogger

Kita terus saja ke cara - caranya:
Masukan code css berikut ke template anda

 margin:0;
  background:#000;
}
}.snow{
position:fixed;
top:0;
left:0;
right:0;
pointer-events:none;
z-index:20;
}
.contentz{
height:100%;
position:rela

Masukan juga code berikut sebelum code </body> ataupun selepas code </head>
<div class='contentz'>
<canvas class='snow' id='snow'></canvas>
</div>
</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(244,226,226,0.8)",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>

Save theme anda dan lihat hasilnya.
senang bukan?

Untuk demonya sila lihat link berikut

Cloud Tags

Load Comments