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

April 14, 2016    blogging , counter view , Tutorial Blog    1 comment   

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