Cara Menambahkan Banner Donasi Saweria Responsif ke Blogspot

Monetisasi blog kini semakin mudah dengan platform seperti Saweria. Buat kamu yang aktif nge-blog dan ingin mendapat dukungan dari pembaca, menambahkan banner donasi adalah solusi praktis.

Pada artikel ini, kamu akan belajar cara memasang banner donasi Saweria yang responsif dan mobile-friendly ke Blogspot hanya dengan beberapa langkah sederhana.

🎁 Keuntungan Memasang Banner Donasi Saweria

✔ Memberi ruang pembaca untuk mendukung kamu secara langsung
✔ Desain responsif, tampil bagus di HP maupun desktop
✔ Tanpa plugin tambahan, cukup tempel kode HTML

💡 Contoh Banner Donasi

Berikut tampilan bannernya (klik tombolnya akan menuju link Saweria):

☕ Traktir Ngopi Mimin di Saweria!

Lagi nulis konten seru nih~ Kalau kamu suka, boleh dong traktir mimin kopi biar makin semangat! 😆✨

👉 Traktir Sekarang

🛠️ Cara Pasangnya di Blogspot

Masuk ke Dashboard Blogspot kamu
Pilih menu Tata Letak
Klik “Tambahkan Gadget” di lokasi yang kamu inginkan (sidebar, bawah artikel, dll)
Pilih HTML/JavaScript
Tempelkan kode HTML di bawah ini:

📋 Kode HTML Banner Donasi (Copy-Paste)

<div style="width: 100%; text-align: center; margin: 20px auto; padding: 15px;">
  <div style="max-width: 600px; margin: auto; background: #fffbe6; border: 2px dashed #f5c542; border-radius: 12px; padding: 20px; font-family: 'Segoe UI', sans-serif; box-shadow: 2px 4px 12px rgba(0,0,0,0.1);">
    <h2 style="color: #333; font-size: 22px; margin: 10px 0;">☕ Traktir Ngopi Mimin di Saweria!</h2>
    <p style="color: #555; font-size: 15px; margin-bottom: 20px;">
      Lagi nulis konten seru nih~ Kalau kamu suka, boleh dong traktir mimin kopi biar makin semangat! 😆✨
    </p>
    <a href="https://saweria.co/USERNAME_ANDA" target="_blank" 
       style="background-color: #ff6f61; color: #fff; padding: 12px 28px; text-decoration: none; border-radius: 8px; font-size: 16px; font-weight: bold; display: inline-block; transition: background-color 0.3s;">
       👉 Traktir Sekarang
    </a>
  </div>
</div>

📌 Tips Tambahan

Ganti USERNAME_ANDA dengan username akun Saweria kamu (contoh: eixplore)
Gunakan posisi banner yang mudah dilihat pengunjung, misalnya di bawah artikel atau sidebar
Perbarui desain sesuai branding blog kamu

Dengan langkah-langkah di atas, kamu bisa mulai menerima dukungan dari pembaca setia kamu di Blogspot. Selamat mencoba dan semoga ngopinya makin lancar! ☕😄

EiXplore

Cara Menambahkan Banner Donasi Saweria Responsif ke Blogspot