Cari File Download Firmware Gratis

Cara Menampilkan Jumlah View di Blogger Terbaru 2019 Mudah

ABIHP.com – Cara menampilkan jumlah view pengunjung pada setiap postingan di blogger diperlukan bagi Anda yang ingin agar kelihatan lebih menarik dan juga agar mudah bagi Anda untuk memonitor jumlah tayangan pada setiap halaman artikel yang sudah diterbitkan.

Jadi di sini kita akan menggunakan script dari Firebase yang merupakan salah satu produk dari Google dan nantinya anda bisa login untuk mendapatkan script ini dengan menggunakan akun Google (gmail) Anda, dan view count-nya benar-benar realtime sehingga sekali saja Anda refresh halaman yang sudah dipasang skrip ini maka akan bertambah pula hitungan yang tampil.

Baca juga: Cara Migrasi dari WordPress ke Blogger

Q & A

  1. Memangnya di blogger bisa dipasang view count gitu, kan perlu hosting sendiri?
    • Untuk itulah kita pakai Firebase
  2. Sudah ada juga yang buat artikel untuk menampilkan jumlah pengunjung menggunakan Firebase ini
    • Iya, tapi mudah-mudahan tutorial ini lebih mudah untuk diikuti
  3. Ada contoh halaman blogger yang sudah memakai scrip view count ini?
    • Silahkan lihat di akhir artikel Cara Menggunakan Aplikasi Android di PC (url : https://abihp.blogspot.com/2019/01/koplayer-menjalankan-aplikasi-android/)
  4. Ada screenshot tampilannya tidak?
    • Silahkan
      Tutorial cara membuat tampilan jumlah pengunjung di blogger.
  5. Bisa tidak kalau jumlah viewnya kita ubah sesuai selera?
    • Saat kita pasang maka tampilan dimulai lagi dari 0 walaupun sebelumnya halaman tersebut sudah dibaca ribuan kali
    • Tapi kalau ada yang bisa ubah jumlah viewnya tolong dishare ya.
  6. Terus bagaimana cara masangnya?
    • Silahkan lihat di bawah ini.

Tahapan Memasang View Count Blogger

A. Membuat ID Firebase

  1. Silahkan login ke console Firebase Google
  2. kemudian pilih Tambahkan Proyek
    Silahkan pilih tombol tambahkan proyek pada Firebase untuk membuat count view.
  3. Isi Nama Proyek sesuai keinginan Anda, dan setel Negara lalu centang persetujuan dan klik Buat Proyek
    Cara menampilkan view count blogger.
  4. Kemudian klik Lanjutkan
    Silahkan klik tombol Lanjutkan untuk membuat VIew Count blogger.
  5. Di halaman berikutnya pilih Develop di menu bilah kiri, kemudian Database, kemudian di kanan scroll kebawah dan pilih Buat Database pada RealTime Database
    Buat database baru di Realtime untuk membuat view count.
  6. Pilih Mulai dalam Mode Pengujian lalu klik Aktifkan
    Mengaktifkan mode pengujian firebase untuk view count blogger.
  7. Kemudian catat ID Firebase anda seperti pada gambar
    Cara Menampilkan Jumlah View di Blogger Terbaru 2019 Mudah 1

B. Pasang scrip View Count di blogger

  1. Buka edit HTML pada template blogger Anda
  2. Cari kode </body> dan paste script ini di atasnya
    <script src='https://cdn.firebase.com/js/client/2.3.2/firebase.js' type='text/javascript'></script>
    <script type='text/javascript'>//<![CDATA[
    // View counter
    $.each($(".post-view[data-id]"),function(c,f){var b=$(f).parent().find("#postviews").addClass("view-load"),d=new Firebase("https://ID-FIREBASE.firebaseio.com/pages/id/"+$(f).attr("data-id"));d.once("value",function(e){var h=e.val(),g=!1;null==h&&(h={},h.value=0,h.url=window.location.href,h.id=$(f).attr("data-id"),g=!0),b.removeClass("view-load").text(h.value),h.value++,"/"!=window.location.pathname&&(g?d.set(h):d.child("value").set(h.value))})});
    //]]></script>
    
    

    Silahkan ganti tulisan ID-FIREBASE dengan id firebase Anda seperti tahapan A. nomor 7

  3. Kemudian untuk menampilkan View Count silahkan paste kode di bawah ini di tempat yang Anda inginkan
    <span class='post-view' expr:data-id='data:post.id'><i class='fa fa-eye'/> 
    <span class='view-load' id='postviews'>0</span> Viewers
    </span>
  • Simpan

Sekarang silahkan masuk ke salah satu halaman posting Anda, untuk pertama kali masih 0, silahkan refresh untuk melihat jumlah view akan bertambah.

Update : Cara Menyesuaikan Jumlah view awal 

Share Yuk

Tags:
5 Comments

Add a Comment

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *