Cara Mengaktifkan Fitur Realtime Counter Di Postingan Plus UI

Realtime Counter adalah salah satu fitur menarik dari template Plus UI. 

Realtime Counter Post berfungsi untuk menampilkan berapa kali postingan dikunjungi oleh semua orang. 

Fitur ini bersifat otomatis setelah diaktifkan. 

1: Alat Yang Dibutuhkan Akun Firebase 

2: Template Plus UI v2.6 

Cara Mengaktifkan Realtime Counter 

1: Buat akun Firebase dengan mengunjungi https://firebase.google.com/ 

2: Buat Project baru dengan menekan + Add Project 

3: Buat nama Nama Proyek dan tekan Lanjutkan 

4: Centang Aktifkan Google Analytics untuk proyek ini dan tekan Lanjutkan 

5 Pilih akun Google Analytic dan tekan Buat Proyek 

6: Buat Realtime Database 

7: Salin kode berikut:

a) Untuk Satu Blog

{

  "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"

      }

    }

  }

}

b) Untuk banyak blog

{

  "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"

      }

    },

    "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"

      }

    },

    "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"

      }

    }

  }

}

Keterangan: ganti "BlogID_0000000000000000000" dengan ID blog

8: Paste ke dalam Databased Rules dan tekan Rule Playground 9: Pindah ke tab Data dan Copy URL Database

1. Buka Tema > Edit HTML dan cari kode berikut

realViews: {

  databaseUrl: "",

  abbreviation: "false"

}

2. Paste URL Database hingga seperti ini

realViews: {

  databaseUrl: "https://rnsync-default-rtdb.asia-southeast1.firebasedatabase.app",

  abbreviation: "false"

}

 3. Simpan teman dan Refresh blog kamu

Cara Mengaktifkan Abbreviation

Abbreviation adalah fitur untuk menyingkat angka jumlah kunjungan dalam bentuk ribuan (k). Misalnya dari 25693 menjadi 25.69K 

Caranya sangat mudah, yaitu hanya dengan mengubah kata false menjadi true

Sebelum:

realViews: {

  databaseUrl: "",

  abbreviation: "false"

}

Sesudah:

realViews: {

  databaseUrl: "",

  abbreviation: "true"

}

Jangan lupa Simpan Tema dan Reload halaman.