Skip to content Skip to sidebar Skip to footer

Cara Menambahkan Counter View di Posting Blogger

Cara Menambahkan Counter View di Posting Blogger

TERKUAK.COM - Counter view di posting blog tentunya memiliki fungsi untuk membuat pengunjung mengetahui artikel mana yang paling banyak dilihat sehingga mereka tahu bahwa artikel tersebut benar-benar bermanfaat.

Saya telah mencari beberapa artikel tentang menambahkan Counter view di posting ke blogger dan kebanyakan tidak berhasil. Jika ada pun demikian, Anda bisa mengikuti tutorial yang saya berikan dibawah ini.

Cara Menambahkan Counter View Blogger

Berikut ini langkah-langkah dalam membuat view counter di blogger, silahkan simak baik-baik:

1. Login ke Blogger, Masuk ke TEMA , Lalu Pilih Edit HTML.

2.Pastikan Anda telah menginstal Jquery Library dan Font Awesome di template blog Anda jika belum lalu paste tepat di bawah semua meta tags atau tepat di bawah tag <head>

<!-- Jquery Library and Font Awesome CDN -->
<script src='https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js'/>
<link crossorigin='anonymous' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css' integrity='sha256-46qynGAkLSFpVbEBog43gvNhfrOj+BmwXdxFgVK/Kvc=' rel='stylesheet'/>

3. Copy kode di bawah ini lalu paste sebelum tag <data:post.body/>

<b:if cond='data:view.isPost'><span class='post-view' expr:data-id='data:post.id'><span class='view-load' id='postviews'><i class='fas fa-spinner fa-pulse faa-fast'/></span>Views</span></b:if>

4. Kemudian, paste Script ini di atas tag </body>

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

5. Jika sudah selesai, klik SIMPAN.

Silahkan lihat tampilan blog Anda saat ini apakah sudah terpasang Counter view di postingan.

Nah, sekian tutorial singkat kali ini tentang Cara Menambahkan Counter view di posting Blogger bagi anda yang masih bingung atau ada pertanyaan lain seputar blogger silahkan berkomentar di kolom komentar di bawah artikel ini.

Post a Comment for "Cara Menambahkan Counter View di Posting Blogger"