Cara Membuat Post View Count Di Blogger

Table of Contents

Summary

This time I will share about 'Cara Membuat Post View Count Di Blogger'

Continue reading about our main topic which is Cara Membuat Post View Count Di Blogger

Kali ini DOTYCAT akan kongsikan Cara Membuat Post View Count Di Blogger di blogger step by step percuma

Yang dimaksudkan dengan Post View Count adalah penghitung jumlah pengunjung setiap posting di blog. kita akan mengetahui berapa banyak pengunjung blog yang telah melihat atau membaca setiap artikel di blog kita.

Bagi anda yang ingin dan berminat untuk memasang ost View Count blog anda, berikut adalah cara-cara untuk membuat Post View Count di blogger.

Cara Membuat Post View Count Di Blogger

1. Masuk ke https://firebase.google.com . Klik Buat Projek.

1. Buat nama projek Konfigurasikan Google Analytics (boleh pilih Bukan Sekarang) Terus. Tunggu sehingga pembuatan projek anda selesai, kemudian klik Lanjutkan.

1. Setelah berada di dashboard Firebase, klik Menu BULET.

1. Scroll kebawah pilih Realtime Database klik Buat database.

1. Di bawah tetapan keselamatan untuk Pangkalan Realtime pilih test mod kemudian klik Aktifkan (lihat contoh gambar di bawah).

1. Seterusnya copy/salin id anda (lihat contoh gambar di bawah)

Setelah selesai setup FIREBASE salin id dan simpan dalam text, selanjutnya kita akan memasang code javascript di dalam tema blogger kita dan d bahagian posting yang anda ingin memperlihatkan post view count, Selanjutnya login ke blogger.

Pemasangan Code Post Count

1. Login ke blogger
2. Masuk ke menu Tema Edit HTML
3. Letakkan kode javascript dibawah ini diatas kode </head> atau </body>.gunakan Ctrl+F untuk mempercepat pencarian.

<script src='//cdn.firebase.com/js/client/2.2.1/firebase.js' type='text/javascript'/>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js' type='text/javascript'/>
<script async='async' 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://dotycat-com-default-rtdb.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>

1. Tumpukan pada code yang saya tandakan dotycat-com-default-rtdb gantikan dengan id firebase anda yang anda simpan dalam step di atas.
2. Selanjutnya letakkan kode dibawah ini diatas kode </style> atau </b:skin>. Gunakan Ctrl+F untuk mempercepat pencarian.

/* Start Post View Counter */

 .post-view {
    font-size: 95%;
    margin: 5px 5px 5px 0px;
    padding: 4px 8px;
    color: #fff;
    background: #05a6b5;
}

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


/* End Post View Counter */

1. Selanjutnya pasang code dibawah ini dibawah kode <span class='post-author'> atau <div class='post-info'>

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

1. Untuk pemasangan code di atas, anda bebas memasang di mana sahaja, hompage ataupun dalam blog post, untuk code di atas saya memasang di bahagian hompage.

Ok guys bagai mana? anda faham tentang Cara Membuat Post View Count Di Blogger? sekiranya anda kurang faham silakan tinggalkan comment supaya saya tahu dan akan memberikan tutorial dalam bentuk video untuk mempercepatkan pemahaman anda.

Baikla, sampai disini sahaja posting saya tentang Cara Membuat Post View Count Di Blogger sekiranya ada kekurangan sila tinggalkan di dalam ruangan comment. wasalam.

Conclusion

So I think you might understand and like our article about Cara Membuat Post View Count Di Blogger. So in my conclusion, If you don't understand any of the steps then don't hesitate to leave a comment in the space we have provided.

Share with your friends and spread this article to the whole world😍

Assalamualaikummm..