Cara menampilkan view artikel atau jumlah pengunjung tiap artikel pada blog
Langkah - langkah :
1.Pergi ke HTML>>Template atau Tema>>Edit Html
2.Silahkan cari post-footer atau bisa menggunakan CTRL+F lalu paste post-footer
3.Pastekan code dibawah ini tepat dibawah 'post-footer'
<a expr:name='data:post.id'/> <i class='fa fa-eye'/> <span id='postviews'/> Views
maka akan menjadi seperti ini
<div class='post-footer'>
<a expr:name='data:post.id'/> <i class='fa fa-eye'/> <span id='postviews'/> Views
4.Bila tidak bisa menemukan post-footer maka cari .showAuthor dengan mengklik CTRL+F dan cari itu
5.Pastekan kode yang sama kayak tadi atau seperti ini tepat DIATASNYA semua .showAuthor yang ada pada Html
<a expr:name='data:post.id'/> <i class='fa fa-eye'/> <span id='postviews'/> Views6.Cari code </body> atau bisa dengan cara CTRL+F lagi
7.Pastekan code dibawah ini tepat diatas </body>
<script src='https://cdn.firebase.com/v0/firebase.js' type='text/javascript'></script>8.Silahkan buka blog anda lagi maka hasilnya sudah terlihat tapi viewnya dimulai dari nol yang kayak ngisi bensin hehehe,jadi buka artikel terus kembali maka akan nambah sendiri.
<script>
$.each($("a[name]"), function(i, e) {
var elem = $(e).parent().find("#postviews");
var blogStats = new Firebase("https://YOUR-APP-NAME.firebaseio.com/pages/id/" + $(e).attr("name"));
blogStats.once("value", 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("name");
isnew = true;
}
elem.text(data.value);
data.value++;
if(window.location.pathname!="/")
{
if(isnew)
blogStats.set(data);
else
blogStats.child("value").set(data.value);
}
});
});
</script>
