 |
| Fitur Viewer Realtime Plus UI |
Selamat siang semuanya, pada kesempatan siang ini saya akan coba menulis tentang bagaimana cara mengaktifkan fitur Realtime Viewer pada template Plus UI.
Realtime Viewer adalah salah satu fitur yang ada pada template Plus UI. Yang dimana nantinya akan menampilkan jumblah pengunjung yang membaca artikel blog kita.
Biasanya fitur seperti ini hanya dimiliki oleh template premium salah satunya Plus UI versi 2.6.2
Untuk mengaktifkan fitur realtime viewer di template plus ui ini kamu bisa ikuti langkah dan caranya seperti di bawah. Tapi sebelumnya template plus ui punya kamu harus sudah dalam keadaan update di versi terbaru. Karena nanti cara ini yang akan kita terapkan pada home blog di template plus ui v.2.6.2 versi baru.
Cara Mengaktifkan Fitur Realtime Viewer di Template Plus Ui
Untuk bisa mengaktifkan fitur realtime viewer pada template plus ui ini kita di perlukan untuk membuat akun firebase dan membuat database dari firebase.
- Silahkan kamu login ke Firebase
- Kemudian klik tombol Mulai
- Silahkan kamu klik Create a Project silahkan kamu memulai dan membuat project baru disini
- Buat nama project kamu lalu beri centang pada bagian I Accept the firebase terms dan I confirm that I will use Firebase exclusively for purposes relating to my trade, business, craft, or profession. Lalu klik Continue
- Pada bagian ini biarkan saja dan silahkan klik Continue
- Pilih lokasi analytic kamu lalu beri centang pada I accept the Google Analytics terms dan klik create a project.
- Jika proses sudah selesai silahkan klik Build dan pilih Realtime Database
- Lanjut pada halaman ini kamu akan di arahkan ke pembuatan database, silahkan kamu klik create database
- Pilih lokasi database yang kamu buat, saya saranin untuk memilih diantara United States atau Singapur, jika sudah silahkan klik Next
- Pada bagian ini biarkan saja Start in locked mode dan klik Enable
- Jika sudah maka akan keluar gambar seperti di bawah ini, silahkan kamu klik Rules yang berada diatas baris kedua
- Selanjutnya maka akan keluar gambar seperti dibawah ini
- Selanjutnya silahkan kamu hapus seluruh kode yang ada di dalam kotak Rules dan silahkan kamu salin kode yang ada dibawah lalu paste dan letakan di bagian dalam kotak Rules.
{
"rules": {
".read": true,
"BlogID_0000000000000000000": {
".read": true,
"$post_id": {
".write": "newData.exists() && (data.exists() ? newData.val() == data.val() + 1 : newData.val() == 1)",
".validate": "newData.isNumber() && newData.val() % 1 === 0.0 && newData.val() <= 99999999"
}
}
}
}
- Silahkan kamu ganti Blog ID 000000000000000 dengan ID Blog milik kamu.
- Jika semuanya sudah, selanjutnya silahkan kamu klik Publish
- Setelah itu silahkan kamu klik bagian Data lalu salin kode url yang ada di dalam box, lihat gambar di bawah ini
- Sekarang silahkan kamu masuk ke blog kamu lalu pilih Tema kemudian pilih Edit HTML, selanjutnya cari kode seperti yang ada di bawah
realViews: {
- Maka nanti kamu akan menemukan kode seperti di bawah ini
realViews: {
databaseUrl: "https",
abbreviation: "true"
},
- Silahkan kamu letakan kode url yang kamu salin di database firebase ke bagian kode database Url (Letakan pada bagian "https" dan tempel disni)
- Setelah itu silahkan kamu simpan perubahan template kamu. Untuk melihat hasilnya silahkan kamu pergi dan kunjungi blog kamu lalu refress browser dan buka salah satu postingan dari blog kamu, nanti akan terlihat ikon eyes pada bagian atas judul postingan sebelah samping atas kanan disitulah nantinya kamu akan melihat jumbalah pengunjung atau realtime viewer
Jika kamu mengikuti cara ini dengan benar maka tampilan Realtime Viewer ditemplate plus ui v.2.6.2 akan nampak di home blog plus ui template.
Jika gagal dan tidak berhasil artinya kamu kurang teliti dalam menyimak artikel ini, silahkan kamu ulangi kembali dari awal dan ikuti step by step nya dengan teliti.