Bagaimana Cara Pasang Penghitung Jumlah Pembaca (Counter View) di Postingan Blog?

Mengapa perlu menambahkan counter view di setiap postingan anda di blog jika di dashboard sudah dilengkapi counter view post?. Tujuannya tidak lain memberi kemudahan bagi pembaca blog anda untuk melihat mana artikel yang paling banyak dibaca pengunjung. Dan bagi anda (admin), untuk memantau postingan secara langsung yang mana postingan kita yang paling menarik dibaca pengunjung tanpa harus masuk lewat dashboard lagi. 
Untuk Blogger saat ini dengan mudah bisa menambahkan counter view postingan berkat Firebase yang menyediakan layanan gratis untuk selamanya. Bagaimana cara menambahkan counter view di postingan? ikuti langkah-langkahnya dibawah ini:
  • Buat akun dulu 
  • Signup Firebase
  • Sekarang Create Firebase Name anda
  • Setelah Create Name Firebase , contoh blog ini : barokongnetwork.firebaseIO.com              
Cara Pasang Counter View Postingan khusus Blogger sbb:
Langkah 1
  • Masuk di Blogger
  • Template
  • Back Up Template (untuk jaga-jaga ya)
  • Klik Edit HTML
Langkah 2
-Cari kode (ctrl+f)</body>
-Copy kode ini dan paste sebelum kode</body>
    <script src='https://cdn.firebase.com/v0/firebase.js' type='text/javascript'/>
    <script> 
    $.each($(&#39;a[name]&#39;), function(i, e) { 
    var elem = $(e).parent().find(&#39;#postviews&#39;); 
    var blogStats = new Firebase(&quot;https://YOUR-APP-NAME.firebaseio.com/pages/id/&quot; + $(e).attr(&#39;name&#39;)); 
    blogStats.once(&#39;value&#39;, function(snapshot) { 
    var data = snapshot.val(); 
    var isnew = false; 
    if(data == null) { 
    data= {}; 
    data.value = 0; 
    data.url = window.location.href; 
    data.id = $(e).attr(&#39;name&#39;); 
    isnew = true; 
    } 
    elem.text(data.value); 
    data.value++; 
    if(window.location.pathname!=&#39;/&#39;) 
    { 
    if(isnew) 
    blogStats.set(data); 
    else 
    blogStats.child(&#39;value&#39;).set(data.value); 
    } 
    }); 
    }); 
    </script>
      Next ganti tulisan biru YOUR-APP-NAME dengan URL Firebase yang kamu buat tadi.
    Copy kode dibawah ini dan paste sebelum kode <data:post.body/> <i class='fa fa-eye'/> <span id='postviews'/> Views
    *Note, biasanya terdapat lebih dari satu kode pilih kode yang kedua.

    Langkah 3
    • Save
    Dan refresh blog kamu, untuk contoh bisa di lihat disini www.barokongnetwork.com

    Demikian artikel Bagaimana cara menambahkan counter view di postingan blog?, semoga membantu anda. Kalau anda belum berhasil silahkan tinggalkan komentar dibawah.
    Baca juga ini:
    Tutorial Blog lainnya
    Loading...

    1 Response to "Bagaimana Cara Pasang Penghitung Jumlah Pembaca (Counter View) di Postingan Blog?"

    1. tolong di rapihkan dong bang artikelnya ;-(
      tapi thanks udah buat ini artikel bang (y)

      ReplyDelete

    Iklan Atas Artikel

    Iklan Tengah Artikel 1

    Iklan Tengah Artikel 2

    Iklan Bawah Artikel