Cara Menambahkan Widget Tombol Donasi yang Menghilang dengan Countdown di Blogger

Table of Contents

Di zaman digital ini, banyak website dan blog yang menggunakan tombol donasi untuk mendukung konten mereka. Namun, bukan hanya menambahkannya begitu saja, tetapi membuat tombol donasi yang menarik dan fungsional juga penting. Dalam tutorial kali ini, kita akan membahas cara membuat tombol donasi yang akan muncul di halaman blog Blogger Anda dengan fitur unik: tombol akan menghilang setelah 30 detik, lengkap dengan countdown yang menampilkan detik yang tersisa.

Tombol donasi ini akan muncul di pojok kanan tengah layar dengan logo yang dapat diklik dan membawa pengunjung ke halaman donasi Anda.

Keuntungan Menggunakan Tombol Donasi Menghilang

Mengapa menggunakan tombol donasi yang menghilang setelah beberapa detik? Berikut adalah beberapa alasan:

1. Menarik Perhatian Tanpa Mengganggu: Tombol yang muncul secara tiba-tiba dan menghilang dengan sendirinya tidak mengganggu pengalaman pengguna, tetapi cukup menarik untuk mendapatkan perhatian.
2. Meningkatkan Konversi: Fitur countdown dapat menciptakan rasa urgensi, yang bisa mendorong pengunjung untuk melakukan donasi lebih cepat.
3. Desain Menarik: Tombol donasi yang bergaya dan menarik akan membuat situs Anda lebih profesional.

Langkah-Langkah Membuat Tombol Donasi Menghilang dengan Countdown di Blogger

1. Menyiapkan Kode HTML dan CSS

Untuk membuat tombol donasi yang menghilang setelah 30 detik, kita perlu menambahkan HTML, CSS, dan JavaScript ke blog Anda. Berikut adalah kode lengkapnya:

COPY CODE DISINI

2. Menambahkan Kode ke Blog Anda

1. Masuk ke Blogger: Buka dashboard Blogger Anda dan masuk ke blog yang ingin Anda modifikasi.
2. Akses Tata Letak: Klik pada opsi Tata Letak di sidebar kiri.
3. Tambahkan Gadget: Pilih Tambahkan Gadget di bagian yang diinginkan, seperti di bagian sidebar atau footer.
4. Pilih HTML/JavaScript: Pilih HTML/JavaScript dari daftar gadget.
5. Tempelkan Kode: Salin kode yang sudah kita buat di atas dan tempelkan ke dalam kolom HTML/JavaScript.
6. Klik Simpan: Jangan lupa untuk menyimpan perubahan Anda.

3. Menyesuaikan Link Donasi dan Logo

Gantilah bagian window.open('https://your-donation-link.com', '_blank'); dengan link donasi Anda yang sebenarnya. Misalnya, jika Anda menggunakan PayPal, bisa diganti dengan link PayPal Anda.

Selain itu, jika Anda ingin mengganti logo, cukup ganti URL gambar pada kode logoImg.src = 'URL-LOGO-ANDA'; dengan URL logo yang Anda pilih.

Kesimpulan

Dengan mengikuti tutorial di atas, Anda bisa menambahkan tombol donasi yang unik dan menarik ke blog Blogger Anda. Tombol ini akan menambah daya tarik dan meningkatkan kesempatan pengunjung untuk melakukan donasi. Fitur countdown yang menampilkan detik yang tersisa sebelum tombol menghilang memberi sentuhan urgensi yang dapat membantu mendorong pengunjung untuk bertindak cepat.

Jangan lupa untuk menyesuaikan link donasi dan logo sesuai dengan kebutuhan Anda. Semoga tutorial ini bermanfaat dan blog Anda semakin sukses!