Membuat Count Star Rating Artikel di Blogger

Count Star Rating Artikel adalah sebuah fitur penilaian suatu artikel. biasanya bagi yang suka belanja onlien tidak akan asing lagi dengan fitur ini. lalu apasih funsinya di blogger ini? tentunya untuk menilaii kulitas artikel yang kita buat oleh pengunjung. ok sob cara pembuatanya cuku mudah ko.

Langkah pertama adalah kalian harus mendaftar dulu di situs berikut : https://widgetpack.com/

Pada saat setelah mendaftar jangan lupa isikan Nama Situs Anda dan Link Situs Anda

Sebelum memasukannya pada blog anda silahkan setting dulu seperti : jumlah bintang yang di tampilkan, warna bintangnya dll bisa di cek di menu dan pilih Rating kemudian klik Setting :

Setelah beres setting klik menu Site dan pilih Install. pada menu ini jangan salah ambil kode. anda klik dulu yang rating widget barulah copy code scripnya.

CARA MEMASANG DI BLOGGER

Silahkan anda masuk ke akun Blogger
Kemudian Pilih Tem dan Edit HTML
Copykan CSS Berikut diatas ]]></b:skin>

/* Rating Count Star */
#wpac-rating:before {content: "Beri Rating Untuk Artikel Ini";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;}

Silahkan copykan kode script yang anda dapat dari widgetpack (contohnya di bawah) diatas script <div id='share-container'> atau bebas penempatannya sesuai yang anda.

<div id="wpac-rating">
</div>
<script type="text/javascript">
wpac_init = window.wpac_init || [];
wpac_init.push({widget: 'Rating', id: 24280});
(function() {
    if ('WIDGETPACK_LOADED' in window) return;
    WIDGETPACK_LOADED = true; <----- Ganti dengan 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 script di bawah ini--
<a href="https://widgetpack.com" class="wpac-cr">Star Rating WIDGET PACK</a>

Nah sob itulah cara t Count Star Rating Artikel di Blogger. jika dirasa artikel ini bermanfaat silahkan berikan 5 star. terimakasih.