Pendahuluan
Efek animasi pada blog masih menjadi salah satu cara populer untuk mempercantik tampilan dan meningkatkan pengalaman pengunjung. Salah satunya adalah efek love berjatuhan yang memberi kesan romantis, lembut, dan cocok untuk blog bertema lifestyle, personal blog, hingga konten kreatif.
Namun, metode lama yang menggunakan script dari layanan pihak ketiga seperti Google Code sudah tidak relevan lagi di tahun 2026 karena banyak layanan tersebut sudah tidak aktif atau tidak aman. Oleh karena itu, kita akan menggunakan cara yang lebih modern, ringan, dan kompatibel dengan Blogger terbaru.
Perubahan & Pembaruan dari Metode Lama
Beberapa hal yang sudah tidak digunakan lagi:
- ❌ Script dari
googlecode.com(sudah tidak aktif) - ❌ Link HTTP tidak aman (sekarang wajib HTTPS)
- ❌ Widget lama yang tidak optimal di mobile
- ❌ Script eksternal tanpa kontrol keamanan
Solusi modern:
- ✅ Menggunakan CSS Animation + JavaScript ringan
- ✅ Tanpa hosting eksternal
- ✅ Lebih cepat & aman
- ✅ Mobile friendly
Cara Membuat Efek Love Berjatuhan di Blogger 2026
1. Masuk ke Blogger
Login ke akun Blogger Anda seperti biasa melalui dashboard terbaru.
2. Buka Menu Tata Letak
Masuk ke: Tata Letak (Layout) → Tambahkan Gadget
Pilih: ➡️ HTML/JavaScript
3. Masukkan Kode Efek Love
Salin dan tempel kode berikut:
<style>
.falling-love {
position: fixed;
top: -10px;
color: #ff4d6d;
font-size: 20px;
animation: fall linear infinite;
z-index: 9999;
}
@keyframes fall {
to {
transform: translateY(100vh);
opacity: 0;
}
}
</style>
<script>
function createHeart() {
const heart = document.createElement("div");
heart.className = "falling-love";
heart.innerHTML = "❤";
heart.style.left = Math.random() * 100 + "vw";
heart.style.animationDuration = (Math.random() * 3 + 2) + "s";
document.body.appendChild(heart);
setTimeout(() => {
heart.remove();
}, 5000);
}
setInterval(createHeart, 300);
</script>
4. Simpan dan Lihat Hasil
Klik Simpan, lalu buka blog Anda. Sekarang efek love akan mulai berjatuhan secara otomatis di seluruh halaman.
Tips Optimasi (Agar Tidak Berat)
- Gunakan efek ini hanya di homepage atau event tertentu
- Jangan terlalu banyak animasi jika blog sudah penuh widget
- Gunakan warna love sesuai tema blog
- Hindari kombinasi terlalu banyak efek sekaligus
Penutup
Dengan metode terbaru ini, Anda tidak lagi membutuhkan script lama yang sudah tidak aman atau tidak berfungsi. Efek love berjatuhan kini bisa dibuat langsung menggunakan CSS dan JavaScript ringan sehingga lebih cepat, modern, dan kompatibel dengan Blogger 2026.
Selamat mencoba dan semoga blog Anda terlihat lebih menarik dan romantis! 💖