LEMPERZ
Konten lainnya tersedia di Chilokerz

Lemperz : Read my guides in which I've shared my knowledge and experiences. I will keep updating my website with great information for all of you

  FORUM DISKUSI
Beranda
Blogger

Cara Menambahkan Realtime Views [Tampilan Waktu Nyata] Di Tema Plus UI



Pembuka



Kali ini saya membagikan cara/tutorial menambahkan Realtime Views [Tampilan Waktu Nyata] yang sudah disediakan oleh developer nya sendiri.






Cara Menambahkan Realtime Views [Tampilan Waktu Nyata] di tema Plus UI



Persyaratan


・Akun Firebase

・Plus UI v2.6 Template

Mengaktifkan Realtime Views


Langkah 1: Pertama-tama buat proyek di Firebase.


Langkah 2: Buat Database untuk Proyek Anda.


Langkah 3: Tempel aturan berikut:



Untuk Blog Tunggal:



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


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


Langkah 4: Salin URL Database.


Langkah 5: Buka Tema Editor HTML.


Langkah 6: Temukan kode berikut:

realViews: {
  databaseUrl: "",
  abbreviation: "false"
}


Langkah 7: Tempel URL Database Anda, akan terlihat seperti berikut:

realViews: {
  databaseUrl: "https://example-rtdb.firebaseio.com",
  abbreviation: "false"
}


Langkah 8: Simpan Perubahan dan segarkan Halaman Blog Anda.




Menampilkan Hitungan Tampilan Singkatan



Jika Anda ingin menampilkan tampilan yang dihitung dalam angka Singkatan, mis. 67.89K bukannya 67894, Anda hanya perlu mengikuti langkah-langkah sederhana.



Jangan lupa support blog ini dengan cara berdonasi di trakteer.id


Langkah 1: Temukan kode berikut dengan masuk ke Editor Tema HTML:

realViews: {
  databaseUrl: "",
  abbreviation: "false"
}


Langkah 2: Ganti false dengan true seperti yang ditunjukkan di bawah ini:

Jangan membuat perubahan apa pun jika sudah true.



realViews: {
  databaseUrl: "",
  abbreviation: "true"
}


Langkah 3: Simpan Perubahan dan segarkan Halaman Blog Anda.

Referensi:

Fineshopdesign



Penutup



Demikian Cara Menambahkan Realtime Views [Tampilan Waktu Nyata] di tema Plus UI. Sekian tutorial dari blog ini, sampai jumpa di tutorial selanjutnya.


Tiada hari tanpa secangkir kopi, seperti diriku tanpa dirimu
Lemperz
A+
A-