Cara Memasang Rating Count Stars Didalam Postingan Blog

Apa itu Rating Count Stars? Rating Count Stars merupakan sebuah penilain yang dilakukan pengunjung blog terhadap artikel yang kita tulis. Rating count stars ini mirip dengan feedback atau masukan untuk situs seperti google developer yang pernah kamu lihat sebelumnya, hanya saja disini saya tidak membuat feedback seperti google developer itu, melainkan sebuah widget Rating Count Stars atau sebuah penilain menggunakan bintang untuk postingan blog. Dengan Memasang Rating Count Stars juga dapat membuat blog kamu dikelola seperti blog professional, karna blognya diurus dan dilengkapi dengan baik.

Apakah memasang Rating Count Stars didalam postingan blog akan mempengaruhi Kecepatan Blog ? Menurut saya sendiri tidak terlalu mempengaruhi, mengapa ? karena Rating Count Starsnya sendiri dibuat menggunakan Icon SVG, tentunya kamu udah tau bukan kelebihan menggunakan icon SVG, jika kamu belum mengetahui Baca Aja Manfaat Memasang Icon SVG pada Web.

Untuk memasang Rating Count Starsnya tidak terlalu rumit, karna kamu tidak perlu membuat scriptnya sendiri karena kita langsung menggunakan layanan penyedia Rating Count Starsnya, Yuk langsung aja kita ke tutorial memasang Rating Count Stars di Postingan Blog.

Memasang Rating Count Stars di Postingan Blog

1. Pertama, login dulu ke Blogger,
2. Kemudian, pada dashboard Blogger pilih Tema ⇒ Edit HTML,
3. Setelah itu, copy kode CSS dibawah ini dan letakkan tepat diatas kode </b:skin> atau </style>,

#wpac-rating:before {content: "Apakah artikel ini bermanfaat?";top: -15px;text-align: center;position: relative;width: 100%;}
#wpac-rating .wp-stars .wp-star:hover:before{z-index: 999;padding: 3px 11px;background: #1a1d23f0;color: #fff;font-size: 12px;border-radius: 2px;white-space: nowrap;position: absolute;line-height: 1.4;text-align: center;-ms-transform: translateX(-30%);-moz-transform: translateX(-30%);-webkit-transform: translateX(-30%);transform: translateX(-30%);top: 100%;margin-top: 9px;}

4. Untuk sementara kita tinggal dulu Bloggernya, Buka Tab baru browser kamu, dan masuk ke website ini, dan pada Beranda website itu pilih "Sign Up" untuk mendaftar akun terlebih dahulu,

https://widgetpack.com/

5. Disini sudah saya anggap kamu udah membuat akun, nanti akan masuk ke Beranda, kemudian pada pojok kiri atas tekan tombol menu garis tiga tersebut, disamping nomor ID akun,

Nanti akan muncul menu seperti dibawah ini, dan ikuti petunjuk yang ada digambar bawah ini

6. Setelah masuk ke menu setting widgetpack, lakukan pengaturan seperti dibawah ini, dan "Save Setting", untuk disebelah kanannya masih ada pengaturan Warna, Jumlah Bintang, Dan Tinggi, silahkan atur sesuai keinginan,

KETERANGAN :

1. Jangan Mencentang Kotak Kecil disaping "Enable Google Rich Snippets for Ratings" itu karena Widgetpack Rating Count Stars ini mengalami kesalahan di Produk Produk google Webmaster, sebaiknya dihilangkan aja.
2. Perhatikan "Vote Via" Jika sebelumnya itu adalah "Socials" ubah ke "Device (Cookie)", agar ketika pengunjung blogmu melakukan Penilain (rating), tidak perlu login ke Social Media.

7. Setelah itu, klik kembali tombol Menu garis tiga tersebut, dan tekan Install, disitu nanti ada kode kemudian Copy, dan kembali ke Tab Blogger browser kamu, contoh kodenya seperti dibawah ini, perhatikan pesan yang saya berikan dibawah ini

<div id="wpac-rating"></div>
<script type="text/javascript">
wpac_init = window.wpac_init || [];
wpac_init.push({widget: 'Rating', id: 21697});
(function() {
    if ('WIDGETPACK_LOADED' in window) return;
    WIDGETPACK_LOADED = true; // true ubah ke False
    var mc = document.createElement('script');
    mc.type = 'text/javascript';
    mc.async = true;
    mc.src = 'https://embed.widgetpack.com/widget.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(mc, s.nextSibling);
})();
</script>
<!-- HAPUS YANG DIBAWAH INI, TIDAK PERLU DIPASANG -->
<a href="https://widgetpack.com" class="wpac-cr">Star Rating WIDGET PACK</a>

8. Terakhir letakkan kode tersebut tepat diatas kode "Tombol Share" template kamu, untuk template Viomagz, letakkan tepat diatas kode  <div id='share-container'>,
9. Terakhir Simpan atau Save template tersebut, sebagai DEMOnya tekan tombol dibawah ini.

Kesimpulan
Fungsi memasang Rating Count Stars adalah untuk penilain artikel blog kamu oleh pengunjung, dan dengan memasang rating count stars juga blog kamu terlihat lebih professional dari blog biasanya karna diurus dan dilengkapi dengan baik. Memasang Rating Count Stars ini juga tidak terlalu mempengaruhi kecepatan blog kamu, karena Rating Starsnya sendiri dibuat dengan Icon SVG.

Akhir Kata
Sekian tutorial membuat widget rating count stars di postingan blog yang dapat saya bagikan, jika ada yang tidak dapat kamu mengerti atau ingin bertanya silahkan berkomentar dibawah, dan Semoga Bermanfaat :D.