Cara Pasang 'Counter Viewers' di Setiap Postingan Blog

Asep Koswara Published: 05.34

Share on Facebook Share on Google+

Hallo kali ini saya mau share informasi sekaligus tutorial atau bahkan script khusus yang bisa sobat gunakan untuk mengetahui jumlah viewers di tiap postingan blog. Kali ini, script yang saya akan bagikan khusus untuk dipasang di bloger saja. Sebetulnya untuk wordpress, itu lebih mudah lagi karena ada banyak plugin yang bisa diinstal dan dipasang tanpa harus tahu dan pasang script sendiri.

Apa Sih Untungnya Widget Counter Tersebut?

Nah ada pertanyaan yang kemudian muncul dari benak sobat semua mungkin tentang apa sih keuntungan dari pemasangan widget counter viewer tersebut. Nah ada beberapa keuntungan kalau menurut saya, diantaranya bisa diketahui pengunjung lain tentang viewers dari halaman-halaman artikel yang kita positing, bisa bukti popularitas atau bahkan hanya sekedar untuk tujuan 'keren' saja.

Lalu, Bagaimana Caranya?

Oke tanpa basa-basi lagi, mari kita langsung mulai saja tutorial yang dimaksud dalam beberapa penjelasan dibawah ini. Ada beberapa langkah yang harus sobat lakukan sebelum kemudian bisa mendapatkan hasil dari pemasangan tersebut, diantaranya adalah sebagai berikut:

1. Login ke Blogger
2. Klik Template > Edit
3. Silahkan copy script berikut ini dan simpan tepat diatas kode </body>

<script src='https://cdn.firebase.com/js/client/2.3.2/firebase.js' type='text/javascript'/><br/> <br/> <br/> <br/> <script type='text/javascript'>//<![CDATA[ // View counter $.each($(".post-view[data-id]"),function(c,f){var b=$(f).parent().find("#postviews").addClass("view-load"),d=new Firebase("https://blopenulis.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("view-load").text(h.value),h.value++,"/"!=window.location.pathname&&(g?d.set(h):d.child("value").set(h.value))})}); //]]></script>

4. Selanjutnya, silahkan anda copy kode berikut ini, dan letakan dimana saja anda mau menampilkan widget viewers tersebut.

<span class='post-view' expr:data-id='data:post.id' style='border: 2px solid #008c5f;border-radius: 100px;padding: 4px;font-weight: bold;background:#fafafa;color: #555;'><i class='fa fa-eye'/> <span class='view-load' id='postviews'>0</span> Viewers</span>

*Note: silahkan anda edit di bagian 'style' untuk menyesuaikan tampilan dari viewers-nya tersebut sesuai dengan apa yang anda mau serta inginkan. Misalnya anda bisa pasang dibawah judul postingan atau bisa juga dipasang diakhir postingan artikel yang anda posting. Silahkan sesuaikan dengan apa yang anda mau..

DEMO

Nah itulah tutorial dan informasi untuk kali ini, semoga di kesempatan lain bisa share lagi.. Yuk minta komen-nya dong, biar rame.. He