Beranda
Cara Membuat Efek Salju pada Blogspot
Zulham Effendi
Februari 07, 2024

Cara Membuat Efek Salju pada Blogspot

Efek salju pada blogspot dapat memberikan tampilan yang menarik dan unik pada blog Anda. Efek ini cocok digunakan untuk blog yang bertemakan musim dingin atau Natal. Selain itu, efek salju juga dapat digunakan untuk menciptakan suasana yang meriah dan menyenangkan pada blog Anda.

Langkah-langkah Membuat Efek Salju pada Blogspot

  1. Login ke akun Blogger Anda.
  2. Pilih blog yang ingin Anda tambahkan efek salju.
  3. Klik menu "Tema".
  4. Pilih tema yang ingin Anda gunakan untuk blog Anda.
  5. Klik tombol "Edit HTML".
  6. Cari kode berikut ini pada file HTML tema Anda:
    7. <body>
  7. Tambahkan kode berikut ini di bawah kode tersebut:
    8. <script type="text/javascript">
  var snow = new Array();
  var maxSnow = 200;
  var snowSize = 10;
  var snowSpeed = 1;
  var snowColor = "#ffffff";
  
  function createSnow() {
    for (var i = 0; i < maxSnow; i++) {
      snow[i] = new Array();
      snow[i][0] = Math.random() * window.innerWidth;
      snow[i][1] = 0;
    }
  }
  
  function drawSnow() {
    for (var i = 0; i < maxSnow; i++) {
      snow[i][1] += snowSpeed;
      if (snow[i][1] > window.innerHeight) {
        snow[i][1] = 0;
      }
      ctx.fillStyle = snowColor;
      ctx.beginPath();
      ctx.arc(snow[i][0], snow[i][1], snowSize, 0, 2 * Math.PI, true);
      ctx.fill();
    }
  }
  
  window.onload = function() {
    var canvas = document.getElementById("snow");
    var ctx = canvas.getContext("2d");
    createSnow();
    setInterval(drawSnow, 50);
  }
  </script>
  8. Simpan perubahan pada file HTML tema Anda.
  9. Klik tombol "Simpan".

Hasil

Setelah Anda menyimpan perubahan pada file HTML tema Anda, efek salju akan langsung muncul pada blog Anda. Anda dapat melihat efek salju tersebut dengan mengakses blog Anda melalui browser.

Tips

  • Anda dapat mengubah warna salju dengan mengubah nilai variabel snowColor pada kode JavaScript.
  • Anda dapat mengubah ukuran salju dengan mengubah nilai variabel snowSize pada kode JavaScript.
  • Anda dapat mengubah kecepatan salju dengan mengubah nilai variabel snowSpeed pada kode JavaScript.

Kesimpulan

Efek salju pada blogspot dapat memberikan tampilan yang menarik dan unik pada blog Anda. Efek ini cocok digunakan untuk blog yang bertemakan musim dingin atau Natal. Selain itu, efek salju juga dapat digunakan untuk menciptakan suasana yang meriah dan menyenangkan pada blog Anda.

Postingan Lama
Postingan Lebih Baru

Penulis blog

Zulham Effendi
Zulham Effendi

Tidak ada komentar