Dotycat.come Cara Membuat Efek Salju di Blogger
Cara Membuat Efek Salju di Blogger
Cara Membuat Efek Salju di Blogger

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

Add Comment
Cara Membuat Efek Salju di Blogger

Cara Membuat Efek Salju di Blogger

DotyCat - Teaching is Our Passion DotyCat - Teaching is Our Passion DotyCat - Teaching is Our Passion DotyCat - Teaching is Our Passion