Membuat Cookies Minimalis dan Modern di Blogger

Pernah merasa bingung bagaimana cara menambahkan persetujuan cookie di Blogger supaya tampilannya tetap keren dan tidak mengganggu pengalaman pengguna? Nah, di artikel ini aku akan kasih tahu langkah-langkah praktis untuk membuat persetujuan cookie dengan desain minimalis dan modern di blog kamu. Yuk, langsung simak caranya!

Kenapa Harus Ada Persetujuan Cookie?

Langkah-Langkah Membuat Persetujuan Cookie di Blogger

1. Masuk ke Dashboard Blogger

• Login ke akun Blogger kamu dan pilih blog yang mau kamu modifikasi.

2. Buka Editor Tema

• Klik menu "Tata Letak" di sebelah kiri. 
• Dibagian "footer" atau "sidebar" pilih "Tambahkan Widget".

3. Tambahkan Kode Persetujuan Cookie

<script>
   window.onload = function() {
      var cookieContainer = document.createElement('div');
      cookieContainer.innerHTML = `
         <div style="
            position: fixed; 
            bottom: 20px; 
            left: 50%; 
            transform: translateX(-50%);
            background: #ffffff; 
            color: #333; 
            padding: 15px 25px; 
            box-shadow: 0 4px 6px rgba(0,0,0,0.1); 
            border-radius: 8px; 
            font-family: Arial, sans-serif; 
            font-size: 14px; 
            text-align: center; 
            z-index: 1000;
         ">
            <span style="margin-right: 10px;">Kami menggunakan cookies untuk meningkatkan pengalaman Anda.</span>
            <button id="acceptCookie" style="
               background: #0b7dda; 
               color: #ffffff; 
               border: none; 
               border-radius: 5px; 
               padding: 10px 20px; 
               cursor: pointer; 
               font-size: 14px;
            ">Terima</button>
         </div>
      `;
      document.body.appendChild(cookieContainer);
      document.getElementById('acceptCookie').onclick = function() {
         document.cookie = "cookiesAccepted=true; max-age=31536000; path=/";
         cookieContainer.style.display = "none";
      };
   };
</script>

Penjelasan Kode

• Posisi yang Elegan: Persetujuan cookie akan muncul di bagian bawah tengah halaman dengan desain yang tidak mengganggu.
• Desain Modern dan Minimalis: Menggunakan latar belakang putih dengan teks abu-abu tua untuk kesan bersih, ditambah bayangan lembut agar terlihat profesional.
• Tombol yang Simpel: Tombol "Terima" memiliki desain modern dengan warna biru yang kontras, mudah dilihat tanpa merusak estetika blog kamu.

Tips Tambahan

• Sesuaikan Warna: Kalau tema blog kamu punya warna tertentu, ubah warna latar belakang atau tombol agar lebih selaras.
• Tes di Perangkat Berbeda: Pastikan tampilannya tetap bagus di perangkat mobile maupun desktop.
• Patuhi Peraturan Privasi: Jangan lupa untuk memberikan informasi tentang bagaimana data pengguna akan digunakan jika kamu mengumpulkan data tambahan.