Skip to content Skip to sidebar Skip to footer

Cara Membuat Post View Di Blogger




BAHASTUTORIAL.COM - Tutorial kali ini kita bakal bahas tentang "Cara Membuat Post View Di Blogger". Fungsi Post View adalah menampilkan total/jumlah pengunjung di setiap postingan. Jadi disetiap artikel sudah ada total/jumlah berapa banyak orang yang membaca artikel sebuah postingan. Jumlah atau total post view juga bisa dilihat oleh orang yang mengujungi web/blog kita.


Langsung saja ke tutorial ya ..

1. Masuk ke edit html
2. Kode pada table css simpan di atas kode </b:skin> atau </style>
3. Kode pada table html simpan di bawah kode <div class='post-info'>.
4. Kode pada table javascript simpan di atas kode </body> atau </head>.
4. Lalu Simpan


 
 
/* Stars Post View By : bahastutorial.com */

 .post-view {
    font-size: 85%;
    margin: 5px 5px 5px 0px;
    padding: 4px 8px;
    color: #fff;
    background: #479c1c;
}

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


/* End Post View By : bahastutorial.com */


<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://mafsyah-150571098xxxx.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>



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




Notes

- Semua tutorial yang ada di website bahastutorial.com sudah di coba dan hasilnya berjalan dengan baik.
- Ganti kode https://mafsyah-150571098xxxx.firebaseio.com/pages/id/ dengan id firebase kalian.


Bagaimana tutorial diatas apakah sudah jelas atau masih ada yang kurang jelas.
Jika ada yang masih kurang paham kalian bisa tanyakan langsung di kolom komentar.
Admin akan merespon dan memberikan solusi agar kalian bisa menjalankanya dengan benar.

Jangan lupa share artikel ini ke media sosial kalian yah. Semoga Bermanfaat ..

BAHASTUTORIAL.COM
BAHASTUTORIAL.COM Selamat Datang Di Situs Bahastutorial.com Di Situs Ini Anda Akan Mendapatkan Tutorial Yang Sangat Bermanfaat Dan Jangan Lupa Untuk Share Tutorial Ini Ke Media Sosial Kalian.

5 comments for "Cara Membuat Post View Di Blogger"

  1. maksud dri id fire base itu apa, dan carinya dimana... maaf pemula

    ReplyDelete
  2. Buat Akun Firebase ... Coba cari di google cara buat akun firebase .. Mudah ko gan .. Semoga berhasil gan

    ReplyDelete
  3. nah ini dia yang lagi and cari2 makasih mas informasinya sangat bermanfaat.

    ReplyDelete
  4. Sama sama gan... Ditunggu tutorial terbaru nya yah..

    ReplyDelete
  5. ada cara lain loh selain menggunakan firebase :D

    ReplyDelete