Universal Mini Notification - Widget Interaktif untuk Blogger & WordPress
Tingkatkan Interaksi Pengunjung dengan Universal Mini Notification
Universal Mini Notification adalah widget interaktif premium yang dirancang untuk meningkatkan interaksi pengunjung di website atau blog Anda. Widget ini menggabungkan dua fungsi utama dalam satu tombol "Floating Bubble" yang elegan dan ringan.
Kenapa Harus Menggunakan Widget Ini?
- Sistem Notifikasi: Promosikan konten premium, jasa, atau diskon terbaru secara efektif.
- Komentar Terbaru (Blogger): Menampilkan feed komentar terbaru secara otomatis (Real-time).
- Desain Responsif: Tampilan sempurna di HP, Tablet, hingga Laptop.
- Dark Mode Support: Otomatis mengikuti pengaturan tema perangkat user.
- Local Storage Smart: Notifikasi yang sudah dibaca tidak akan muncul kembali berkat fitur penyimpanan browser.
Tutorial Pemasangan
1. Cara Pasang di Blogger (Blogspot)
Blogger mendukung fitur "Recent Comments" secara otomatis tanpa perlu API tambahan.
- Login ke dashboard Blogger.com.
- Pilih menu Tema > Klik tanda panah di samping Sesuaikan > Edit HTML.
- Scroll ke bagian paling bawah, cari tag
</body>. - Tempelkan kode widget tepat di atas tag tersebut.
- Klik Simpan.
2. Cara Pasang di WordPress
Untuk WordPress, Anda bisa menggunakan plugin WPCode atau Insert Headers and Footers. Cukup tempelkan kode di bagian Footer Scripts. Jika tanpa plugin, edit file footer.php dan letakkan di atas </body>.
3. Website Custom (HTML/PHP)
Cukup letakkan kode sebelum penutup tag body di file layout utama Anda (misalnya index.html atau app.blade.php).
Kustomisasi Notifikasi
Anda dapat dengan mudah mengubah isi promo melalui bagian JavaScript berikut:
const dataNotif = [
{
id: "n1",
type: "premium",
title: "JUDUL DISINI",
body: "Deskripsi singkat promo Anda.",
url: "https://link-tujuan.com"
}
];
Tabel Perbandingan Fitur
| Fitur | Blogger | WordPress | Custom Web |
|---|---|---|---|
| Notifikasi Statis | ✅ Aktif | ✅ Aktif | ✅ Aktif |
| Responsive Mobile | ✅ Aktif | ✅ Aktif | ✅ Aktif |
| Dark Mode | ✅ Aktif | ✅ Aktif | ✅ Aktif |
| Komentar Otomatis | ✅ Aktif | ❌ Terbatas* | ❌ Terbatas* |