Script Untuk Membuat Post View Setiap Postingan Blogger

Cara Membuat Widget Counter View/ Post View/ Page View Setiap Postingan Blogger | AkewBlog.com - Hai welcome back, sebenarnya script ini sudah cukup lama, namun tidak salah untuk saya bagikan kembali. Apa itu Script Post View? ini merupakan sebuah widget untuk menghitung dan menampilkan berapa banyak pengunjung yang telah melihat atau membaca postingan anda, mirip seperti situs berita yang memakai CMS Wordpress. Pasti anda pernah bahkan sering membaca berita dari situs terkenal dan biasanya ada widget "Dilihat 12345 kali", "dilihat 12345x" dll, yang menunjukan berapa banyak pengunjung yang sudah membaca artikel tersebut.

Contoh Widget Posts View disetiap Postingan.

Script Untuk Membuat Page View Setiap Postingan Blogger
Widget Post View


Widget ini mirip bahkan sama seperti plugin pada cms wordpress, namun tanpa menggunakan plugin. Selain dapat menampilkan berapa pengunjung yang membaca disetiap postingan, script ini juga dapat menjumlah total pengunjung unik dan total hit atau keseluruhan halaman yang dilihat.
Simak Juga Postingan tentang Membuat Widget Random Post Blogger
Pemasangannya pun cukup mudah, anda hanya perlu sedikit perlu atau paham struktur template yang anda pakai. Berikut Cara Install di Blogger:


  • Buka Blogger dan Masuk ke Tempate lalu Edit HTML
  • Lalu scroll ke bawah dan CopyPaste kode berikut tepat diatas </body>


<script type='text/javascript'>
/*<![CDATA[*/
var bszCaller,bszTag;!function(){var c,d,e,a=!1,b=[];ready=function(c){return a||"interactive"===document.readyState||"complete"===document.readyState?c.call(document):b.push(function(){return c.call(this)}),this},d=function(){for(var a=0,c=b.length;c>a;a++)b[a].apply(document);b=[]},e=function(){a||(a=!0,d.call(window),document.removeEventListener?document.removeEventListener("DOMContentLoaded",e,!1):document.attachEvent&&(document.detachEvent("onreadystatechange",e),window==window.top&&(clearInterval(c),c=null)))},document.addEventListener?document.addEventListener("DOMContentLoaded",e,!1):document.attachEvent&&(document.attachEvent("onreadystatechange",function(){/loaded|complete/.test(document.readyState)&&e()}),window==window.top&&(c=setInterval(function(){try{a||document.documentElement.doScroll("left")}catch(b){return}e()},5)))}(),bszCaller={fetch:function(a,b){var c="BusuanziCallback_"+Math.floor(1099511627776*Math.random());window[c]=this.evalCall(b),a=a.replace("=BusuanziCallback","="+c),scriptTag=document.createElement("SCRIPT"),scriptTag.type="text/javascript",scriptTag.defer=!0,scriptTag.src=a,document.getElementsByTagName("HEAD")[0].appendChild(scriptTag)},evalCall:function(a){return function(b){ready(function(){try{a(b),scriptTag.parentElement.removeChild(scriptTag)}catch(c){bszTag.hides()}})}}},bszCaller.fetch("//busuanzi.ibruce.info/busuanzi?jsonpCallback=BusuanziCallback",function(a){bszTag.texts(a),bszTag.shows()}),bszTag={bszs:["site_pv","page_pv","site_uv"],texts:function(a){this.bszs.map(function(b){var c=document.getElementById("busuanzi_value_"+b);c&&(c.innerHTML=a[b])})},hides:function(){this.bszs.map(function(a){var b=document.getElementById("busuanzi_container_"+a);b&&(b.style.display="none")})},shows:function(){this.bszs.map(function(a){var b=document.getElementById("busuanzi_container_"+a);b&&(b.style.display="inline")})}};
/*]]>*/
</script>

Agar dapat menampilkan widget post view disetiap postingan, anda bisa sejajarkan dengan postmeta atau seperti yang ada di atas postingan blog ini, jadi terlihat rapi. Atau anda juga dapat menempatkannya pada bagian bawah postingan berdekatan dengan tombol share.
Sebelumnya saya pernah menulis tentang Cara Membuat Tombol Reaksi Mirip Seperti Facebook
Silahkan CopyPaste dan sesuaikan dengan keinginan anda.

Widget Post View Setiap Postingan


<span id='busuanzi_container_page_pv' style='display:none'>
  <span><i class='fa fa-eye'/> <span id='busuanzi_value_page_pv'/> view</span>
</span>

Widget Total Visitor UV dan Total Pageviews


<span id='busuanzi_container_site_uv' style='display:none'>
Visitor Unique : <span id='busuanzi_value_site_uv'/>
</span> |
<span id='busuanzi_container_site_pv' style='display:none'>
Total Pageview : <span id='busuanzi_value_site_pv'/>
</span>

karena html diatas menggunakan fontawesome maka dianjurkan telah memasang css font awesome, namun jika blog anda tidak menggunakan font awesome, silahkan ganti kode <i class='fa fa-eye'/> dengan kata "Dilihat" atau sesuka anda dan tulisan "view" bisa diganti dengan "kali".

Sekian artikel AkewBlog.com yang membagikan mengenai "Script Membuat Widget Post View Disetiap Postingan Blogger", semoga bermanfaat dan sampai berjumpa dilain waktu. Terima kasih

Membuat Tombol Reaksi Seperti Facebook Pada Postingan Blogger

Cara Membuat Widget Big Reactions Button Pada Akhir Artikel di Blogger | Akew Blog - Reaksi button atau Tombol Voting pada blogger ini dibagikan oleh vicomi.com. Selain memberikan banyak style atau pilihan Emotikon dan Text. Widget Blogger ini bisa memberikan analisa pengunjung dan statistik artikel anda melalui dashboard dan diwaktu yang akan datang akan menampilkan realtime atau memantau secara langsung terhadap artikel yang ada di blog kalian.

Kelebihan lainnya, selain mudah untuk diaplikasikan juga ada fitur yang dimana setiap pengunjung klik atau vote pada widget ini, selanjutnya akan mengeluarkan atau menampilkan Artikel Terkait diblog kalian, cukup berguna bukan!
Untuk anda yang tertarik dan ingin menampilkan widget reaction button ini di blogspot silahkan ikuti step by stepnya.

Reaction Button

Berikut Langkah Membuat Widget Reaction Button for Blogger

Langkah Pertama
  • Pergi ke Vicomi
  • Lalu Daftarkan Blog secara gratis
  • Isi Email - Password - Url Blog - Nama Blog & Pilihan Bahasa
Signup Your Blog

Langkah Kedua
  • Pilih Style atau Gaya Reaksi yang kalian suka
  • Kemudian klik "Choose"
  • Lalu klik "Done"
Pilihan Style Reaction

Langkah Ketiga

  • Copy Script yang kamu dapatkan
  • Kemudian Letakkan kedalam Template,  Edit HTML
  • Cari kode
    <data:post.body/>
  • Lalu pastekan dibawahnya atau diatas/dibawah tombol share (Sesuka kalian)
  • Simpan dan Lihat hasilnya
Copy Script

Bagaimana, cukup mudah bukan? Jika kalian ingin melihat demo silahkan lihat DISINI (Jika belum dihapus).
Demikian artikel Bagaimana Cara Memasang Widget Reaction Button diBlogger. Semoga bisa bermanfaat. Salam hangat dari saya Wassalam'
Cara Membuat Random Post Sederhana diBlogger

Cara Membuat Random Post Sederhana diBlogger

Widget Random Post/Postingan Acak dengan Gambar (Thumbnail) - Malam sahabat blogger semua, sekarang saya akan membagikan Cara membuat widget Random Post atau artikel acak dengan gambar kecil (with thumbnail) keren dan loading ringan.
Apa itu random post? random post adalah widget yang menampilkan artikel blog secara acak atau tidak berurutan. Random post biasa ditempatkan pada sidebar atau footer blog agar terlihat oleh pengunjung yang bermanfaat agar artikel yang muncul pada random post dapat menarik pengunjung untuk membacanya agar tidak lekas pergi meninggalkan blog kita dan berlama-lama diblog kita.
Untuk anda yang ingin memasang Random Post di blog silahkan ikuti langkah berikut :


Langkah-langkah Memasang Widget Random Post/Postingan Acak dengan Gambar (Thumbnail) :


1. Pilih menu Tata letak di Dashboard Blogger kalian. Kemudian tambahkan Gadget
2. Lalu pilih HTML/JavaScript
3. Kemudian Copy semua kode dibawah ini dan pastekan ke kolom widget ke dalam HTML/JavaScript tersebut, untuk judulnya silahkan kalian buat sendiri sesuai selera.





4. Simpan dan lihat hasilnya.
Edited : Untuk mengganti warna backgroundnya silahkan ganti kode #FFF dan untuk mengganti jumlah/angka post ganti jumlah pada var rdp_numposts=5;

Semoga Tutorial Membuat Random Post diblogger bermanfaat bagi kalian. Salam Hangat