Fitur ini cukup menarik di blogger, karena Anda bisa menampilkan jumlah tampilan setiap postingan, pengitung jumlah unduhan, dan fitur vote clap yang keren.
Counter pada template APMODY ini akan menampilkan jumlah tampilan, unduhan (post APP) dan vote/clap pada postingan. Menarik bukan? namun fitur ini cukup jarang ditemui ditemplate-template blogger. itu karena keterbatasan akses pengembang dalam mengembangkan template blogger ini.
Untuk itu kami menggunakan layanan pihak ketiga, yaitu Firebase dari Google sebagai tempat penyimpanan data (Realtime Database). Tetapi Anda tidak perlu khawatir masalah biaya, karena layanan ini bisa Anda gunakan secara gratis.
Cara membuat Realtime Database di Firebase
sebelum membuat realtime database, pastikan Anda sudah login menggunakan akun google Anda. dan jika Anda sudah pernah membuatnya database di Firebase, bisa melewati langkah ini.
- kunjungi halaman Firebase console.
- buatlah sebuah project baru, dengan cara klik menu Add project.
- pada form input Project name isi dengan nama project Anda dan ikuti aturan penamaan yang ada, kemudian klik Contunue.
- di bagian Enable Google Analytics for this project Anda bisa nonaktifkan, karena saat ini kita tidak membutuhkannya. jadi langsung saja klik Create project.
- tunggu beberapa saat, dan project berhasil dibuat.
- buka project Anda, lalu cari dan klik menu dropdown Build, pilih Realtime Database.
- klik tombol Create Database, tunggu popup setup database dimuat.
- pada step
Database options
menu pilihan Realtime Database Location pilih sesuai keinginan Anda, namun kami sarankan pilihlah yang paling dekat dengan lokasi geografis Anda. - untuk step
Security rules
langsung saja klik Enable, itu akan kita atur nanti. - setelah database berhasil dibuat, klik ikon link untuk menyalin url Realtime Database Anda. simpan tautan tersebut, nantinya akan kita terapkan di template.
- klik tab Rules, lalu timpa pengaturan rules yang ada di rules editor dengan isi file
rules-firebase-rtdb.txt
. pastikan bagian blogID sudah Anda sesuaikan dengan blog Anda. - kemudian klik Publish untuk menyimpannya.
- pengaturan di firebase sudah selesai. lanjut ke pengaturan di blogger.
Cara mengaktifkan fitur counter
berikut langkah-langkah untuk mengaktifkan fitur counter pada template APMODY.
- masuk ke Dashboard Blogger, pilih menu Tema.
- klik tombol Sesuaikan, Anda akan diarahkan ke halaman kustomisasi blogger.
- pada sidebar, scroll kebawah sampai menemukan menu dropdown Lanjutkan, lalu klik.
- pastikan berada di grup menu
Features
, kemudian cari opsi fiturCounter Post (Enable/Disable)
.Keterangan:1
untuk mengaktifkan, dan2
untuk menonaktifkan fitur. - Simpan pengaturan dengan cara klik ikon .
Cara mengonfigurasi counter APMODY
Setelah mengaktifkan counter di template, Anda perlu melakukan pengaturan fitur counter di widget setting. Ikuti langkah berikut:
- masuk ke Dashboard Blogger, pilih menu Tata Letak.
- scroll kebawah sampai menemukan section APMODY Settings.
- klik edit pada widget
Counter Post
, akan muncul pop up konfigurasi widget. - sesuaikan pengaturan dibawah:
"databaseURL": "https://xxx.firebasedatabase.app", "limitClap": 10, "tx": ["Clap +$1", "Clap has reached the limit ($1)"]
Keterangan:- ganti dengan tautan Realtime Database yang sudah Anda buat.
- maksimal vote/clap pengunjung untuk setiap postingan.
- teks notifikasi saat berhasil klik clap di postingan.
- teks notifikasi jika clap sudah mencapai jumlah maksimal.
- pastikan pada toogle switch Tampilkan widget ini sudah aktif, lalu klik Simpan.
untuk kustomisasi lebih lanjut mengenai widget counter ini, Anda bisa melakukan pencarian di editHTML dengan kata kunci countPs
.