√ Cara Menambahkan Efek Salju di Blogger
Bagaimana Cara Mengatur Efek Hujan Salju di Website blogger?
- Langkah 1: Buka Dasbor Blogger.
- Langkah 2: Buka Bagian Tema dan Klik Opsi "Edit HTML".
- Langkah 3: Selanjutnya temukan Tag "</head>". Dan, Salin Script CSS Di Bawah Ini
- Langkah 4: Tempelkan skrip CSS di atas pada Tag "</head>"
<style type='text/css'>
/* Snow Falling Effect */
.techyball{position:fixed;top:0;left:0;right:0;pointer-events:none;z-index:20}
.snowstech{height:100%;position:relative;overflow:hidden;z-index:1}
</style>
<div class='snowstech'>
<canvas class='techyball' id='techyball'></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("techyball"))},"loading"!=document.readyState?n():document.addEventListener("DOMContentLoaded",n)}();
//]]>
</script>
Penutup
Semoga Script Snow Falling ini Membantu Desain Website Blogger Anda. jika Anda ingin informasi lebih lanjut seperti ini. Silakan ikuti Blog saya di Youtube, Google News, Telegram.
Posting Komentar untuk "√ Cara Menambahkan Efek Salju di Blogger"