Cara Membuat Efek Salju di Blogger - Onet4u Tech
Dark
News Update
Loading...

Cara Membuat Efek Salju di Blogger

Cara Membuat Efek Salju di Blogger
Also Read
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

DONATION Help give donations if the article feels useful. Donations will be used to extend the www.onet4u.com. domain. thanks.

RELATED POSTS

COMMENT

Load Comments

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel