DS8gD8tqpFYp4KrtxINpCV9FEH1uV8QcSMCvROJM

Cara Membuat Efek Salju Terbaru di Blog

Cara Membuat Efek Salju Terbaru di Blog

Cara Membuat Efek Salju Terbaru di Blog - Dengan memasang efek salju pada blog sobat akan lebih menambah wah pada pengunjung sedia sobat pas sekali sekarang masih musim dingin dan tentunya akan memiliki nilai berbeda dari blog lainnya.


Nah jika sobat minat langsung saja ke caranya sob

Cara Membuat Efek Salju Terbaru di Blog


Pertama sobat masuk terlebih dahulu ke Blogger > Tema > Edit HTML copy kode dibawah ini dan pastekan tepat diatas kode </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>

Jika sudah tambahkan kode CSS dibawah ini dan pastekan tepat di atas kode </head>

<style type='text/css'>
/* Efek Salju Terbaru */
.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>

Klik simpan pada template sobat.

Baca Juga : Cara Memasang Artikel Terkait Dalam Postingan Blogger

Oke sekian yang bisa saya jelaskan tentang Cara Membuat Efek Salju Terbaru di Blog Terima Kasih yang sudah berkunjung semoga bermanfaat bagi kalian semua.


Related Posts
Raja Impian
Kopi Inspirasi

Related Posts

Post a Comment