Cara Membuat Post Views Counter Diblog

ASSALAMUALAIKUM WR WB 

Cara Membuat Post Views Counter Diblog - Pada umumnya Views Counter banyak ditemukan pada wordpress  sedangkan pada blogger jarang sekali ditemukan, mungkin anda juga penasaran bagaimana cara membuatnya sedangkan anda sudah mencari cari kesana kemari tetapi tidak menemukanya.

Apa itu Post Views Counter ?

Post Views Counter (total baca ) adalah fitur yang dibuat untuk menampilkan jumlah pengunjung yang membaca sebuah artikel yang berada didalam website anda. karena kita tidak tau seberapa banyak orang yang membaca artikel yang telah dibuat.

biasanya para blogger hanya menemukan fitur ini berada didalam dasboard akun blogger, dan bagaimana jika kita memasangnya pada bagian didalam postingan yang tentunya bisa diketahui oleh para pembacanya.

sebelum memulai pemasangan baca terlebih daulu artikel ini Cara Membuat Database Difirebase Google

Cara Memasang Post Views Counter Diblog

1. Masuk akun Blogger anda > pilih Theme (tema) > pilih Edit Html.
2. Cari kode ]]></b:skin>, kemudian copy kode dibawah ini lalu pastekan tepat diatas kode ]]></b:skin>.

.post-view{font-size: 12px;} .post-view>i{padding-right:5px;font-size:98%;}

3. Copy kode dibawah ini dan Pastekan tepat diatas kode </body>.

<script src='//cdn.firebase.com/js/client/2.2.1/firebase.js' type='text/javascript'/><script type="text/javascript"> //<![CDATA[ $.each($(".post-view[data-id]"), function(a, e) { var l = $(e).parent().find("#postviews").addClass("view-load"), i = new Firebase("https://itseeboy.firebaseio.com/pages/id/" + $(e).attr("data-id")); i.once("value", function(a) { var n = a.val(), t = !1; null == n && (n = {}, n.value = 0, n.url = window.location.href, n.id = $(e).attr("data-id"), t = !0), l.removeClass("view-load").text(n.value), n.value++, "/" != window.location.pathname && (t ? i.set(n) : i.child("value").set(n.value)) }) }); //]]></script>

INFO : Ganti kata " itseeboy " dengan nama database difirebase yang telah anda buat.

4. selanjutnya peletakan kode fitur Dilihat pada blog dibawah ini pada bagian tertentu.

<span class='post-view' expr:data-id='data:post.id'><i class='fa fa-eye'/> Dilihat <span class='view-load' id='postviews'>0</span> kali</span>

Info : kode diatas bisa diletakkan pada author pada post artikel anda dan bisa juga diletakkan didalam template yang sesuai keinginan anda.

5. selesai dan lihat hasilnya

Nah, itulah Cara Membuat Post Views Counter Diblog silahkan dicoba dan kreasikan pada blog anda masing masing.

WASSALAM

Share this post