√ Cara Menambahkan Efek Salju di Blogger

√ 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>
    • Langkah 5: Selanjutnya, temukan Tag"/body"
    • . dan, Salin Script Di Bawah dan Tempel di Atas pada Tag .
      <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>
    • Langkah 6: Save Tamplate.
    • Langkah 7: Sekarang Lihat Efek Salju Jatuh di Situs Web Anda.

    • 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.

    Load comments