Cara menampilkan view artikel pada blog [counter view]

Cara menampilkan view artikel pada blog [counter view]- Cari sana-sini,edit sana-sini akhirnya ketemu cara agar bisa menampilkan view artikel pada blog.Sebelumnya saya sempat berpikir-pikir bagaimana caranya dan browsing sana-sini akhirnya ketemu juga caranya,oleh sebab itu saya akan membagikan caranya kepada kalian semua yang selalu setia pada curhatan blogger saya.

Baca Juga

• Cara Membuat Sitemap menarik dengan slide pada blog
• Cara menampilkan view artikel pada blog [counter view]

Pertama apa itu counter view?counter view sebenarnya sudah tidak asing lagi kalau pada kalangan wordpress,akan tetapi bagi blogger tentunya cara menggunakannya agak rumit karena harus mengotak-atik html yang berada pada blog.

Counter view sendiri adalah menampilkan jumlah view pada setiap postingan. Dan counter view tentunya memiliki manfaat yaitu membuat pengunjung mengetahui potingan mana yang paling banyak dilihat,sehingga mereka mengetahui bahwa artikel tersebut benar-benar bermanfaat.

Oke kalau begitu langsung saja saya beritahu caranya,dan silahkan ikuti cara dibawah ini:

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

Update

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'/> Views

6.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>
<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>

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.

Kalau mau demo tentang view counter yang sudah jadi silahkan klik dibawah ini

Demo I atau Demo II  atau Demo III

Baiklah,itu dia  Cara menampilkan view artikel pada blog [counter view],dan terima kasih sudah mau membaca.

referensi : MybloggerAide