Cara Membuat Efek Salju Keren di Blog

Cara Membuat Efek Salju Keren di Blog

Cara Memasang Efek Salju Keren di Blog - Untuk menyambut tahun baru atau merayakan musim-musim tertentu yang berhubungan dengan salju, kita bisa merealisasikannya dengan menggunakan efek efek salju berjatuhan di dalam blogger kita.

Tentunya dengan menambahkan efek salju berjatuhan ini akan memperindah tampilan blog kalian, sehingga pengunjung bahkan diri kita sendiri akan lebih betah berlama-lama di dalam blog kita.

Kalian tidak perlu khawatir, karena efek ini menggunakan css jadi tidak membebankan loading atau kecepatan blog kita, untuk tutorialnya sebagai berikut.

Cara Membuat Efek Salju Keren di Blog

  1. Buka Blogger
  2. Pilih menu Tema
  3. Pilih Edit HTML
  4. Letakkan kode ini tepat diatas kode ]]></b:skin> atau </style>
    /* Efek Salju Keren */
    .efeksalju{position:fixed;top:0;left:0;right:0;pointer-events:none;z-index:20}
    .bolasalju{height:100%;position:relative;overflow:hidden;z-index:1}
  5. Selanjutnya letakkan kode ini tepat diatas kode </body>
    <div class='bolasalju'>
    <canvas class='efeksalju' id='efeksalju'></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("efeksalju"))},"loading"!=document.readyState?n():document.addEventListener("DOMContentLoaded",n)}();
    //]]>
    </script>
  6. Jika sudah pilih Simpan

Itulah tadi tutorial singkat cara menerapkan efek salju di dalam blog, semoga artikel ini dapat bermanfaat dan semakin memperindah tampilan blog kalian terimakasih.

0 Response to "Cara Membuat Efek Salju Keren di Blog"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel