Cara Menciptakan Efek Salju Terbaru Di Blog
Cara Membuat Efek Salju Terbaru di Blog - Dengan memasang imbas salju pada blog teman akan lebih menambah wah pada pengunjung sedia teman pas sekali kini masih animo masbodoh dan tentunya akan mempunyai nilai berbeda dari blog lainnya.
Nah jikalau teman minat eksklusif saja ke caranya sob
Cara Membuat Efek Salju Terbaru di Blog
Pertama teman masuk terlebih dahulu ke Blogger > Tema > Edit HTML copy instruksi dibawah ini dan pastekan sempurna diatas instruksi </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 instruksi CSS dibawah ini dan pastekan sempurna di atas instruksi </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 dapat aku jelaskan tentang Cara Membuat Efek Salju Terbaru di Blog Terima Kasih yang sudah berkunjung biar bermanfaat bagi kalian semua.
Sumber https://www.triksimple.com/