Cara Menampilakan Jumlah View Tiap Postingan Di Blogger

Cara Menampilakan Jumlah View Tiap Postingan Di Blogger


Hi selamat datang kembali di blog terkeren tahun ini, menurut penelitian saya sendiri, hahaha
Pada kesempatan kali ini saya akan membahas " CARA MENAMPILKAN JUMLAH VIEW
TIAP POSTING DI BLOGGER " yang mungkin banyak dari teman - trman yang belum tau bagaimana caranya, ini sangat banyak fungsinya untuk blog kita.

Baiklah disini saya akan mengajarkan bagaimana caranya membuat datanya, disini kita menggunakan sebuah database untuk menyimpan data kita.
ikuti langkah dibawah ini untuk membuat database yang kita butuhkan.

Buka https://console.firebase.google.com/ dan masuk menggunakan akun gmail maka tamiplannya akan seperti dibawah ini.
Langkah selanjutnya setelah login maka kita membuat sebuah project yang kita butuhkan untuk databasenya, klik buat project dan anda akan diarahkan ke data berikut ini

Isi nama projectnya kemudian pilih lanjutkan

Kemudian lajutkan kembali

Kemudian pilih buat project, dan lankah selanjutnya membuat database untuk project kita. selanjutnya
Pilih menu Develop di sisi sebelah kanan kemudian ambil database.

Langkan selanjutkan pilih buat database

Pilih dalam mode pengujian, kemudian aktifkan
Simpan data yang saya kotakkan untuk dimasukkan kedalam scriptnya nanti.
Sampai disini databasenya sudah siap digunakakan, langkah selanjutnya kita tinggal pasang di blog kita, langkahnya masih sama seperti biasa.
  1. Pergi ketema
  2. edit html
  3. Cari kode</body>
  4. Cari kode]]></b:skin>
  5. Cari kode <data:post.body/>

Pergi ke menu tema dan masuk edit HTML cari kode </body> kemudian masukkan script berikut di atas kode tersebut
<script src="https://cdn.firebase.com/js/client/2.3.2/firebase.js" type="text/javascript"><script type='text/javascript'>//<![CDATA[// View counter$.each($(".bloggerologi-view[data-id]"),function(c,f){var b=$(f).parent().find("#bview").addClass("onloadologi"),d=new Firebase("https://isikan-kode-tadi-disini.firebaseio.com/pages/id/"+$(f).attr("data-id"));d.once("value",function(e){var h=e.val(),g=!1;null==h&&(h={},h.value=0,h.url=window.location.href,h.id=$(f).attr("data-id"),g=!0),b.removeClass("onloadologi").text(h.value),h.value++,"/"!=window.location.pathname&&(g?d.set(h):d.child("value").set(h.value))})});//]]></script></code>

Selanjutnya cari kode ]]></b:skin>kemudian pastekan kode di bawah ini tepat di atasnya
.onloadologi svg { animation: loading 1s infinite; transform: rotate(0deg); }@keyframes loading { to { transform: rotate(360deg); } }

Kemudian cari kode <data:post.body/> dan pastekan tepat diatasnya.
<span class='bloggerologi-view' expr:data-id='data:post.id'><i class='fa fa-eye'/> <span class='onloadologi' id='bview'><svg style="width:15px;height:15px" viewBox="0 0 24 24"> <path fill="#fff" d="M12,4V2A10,10 0 0,0 2,12H4A8,8 0 0,1 12,4Z" /> </svg> </span> </span>
sampai disini kita sudah sukses mrngikuti  Cara Menampilakn Jumlah View Tiap Postingan Di Blogger, bagaimana cara yang mudah bukan silahkan praktek sendiri, apabila ada pertanyaan silahkan berkomentar kalau saya tau pasti akan saya jawab.

Baca Juga

Previous Post
Next Post

post written by:

1 komentar: