Cara Mudah Memasang Rating Bintang Pada Setiap Artikel di Blogger

Shah Bumi
Oktober 25, 2020
1
Cara Mudah Memasang Rating Bintang Pada Setiap Artikel di Blogger
Source: tiger.web.id

Cara Mudah Memasang Rating Bintang di Blogger - Halo blogger, Pada artikel kali ini saya akan memberikan tutorial yang sangat singkat tentang bagaimana Cara mudah dan cepat Memasang Rating Bintang di Blogger hanya dengan CSS. Yuk kita simak penjelasan dan juga tutorial memasangnya.

Mengenal Apa Fungsi Rating Bintang

Rating Bintang (Rating Count Star) yaitu berfungsi untuk memberikan penilaian pada artikel dalam suatu web. Yang dimana fungsi jumlah bintang tersebut tidak jauh berbeda atau bahkan tidak asing lagi bagi kalian yang sering berbelanja online. dimana semakin tinggi dan banyaknya rating maka semakin bagus dan terpercaya juga. Apalagi bagi kalian para Blogger yang sering membuat karya tulis original dan menarik, dirasa menurut saya lumayan penting buat dipasang.

Cara Memasang Rating Bintang di Blogger

Sebelum lajut ke tutorialnya harap perhatikan dengan baik dan benar, Agar kamu paham dan tidak merasa kesulitan. Berikut caranya:

  1. Log in ke akun BLOGGER.
  2. Pilih TEMA dan klik EDIT HTML.
  3. Copy lalu Paste kode Style CSS di bawah ini tepatnya sebelum kode ]]></b:skin> atau </style> 
    /* Rating Count Star */
#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. Lanjut dengan memasukan markup kode pemanggil di bawah ini. Untuk penempatannya bisa sesuai selara masing-masing.
    Sebagai contoh, Saya meletakan dan memasangnya di akhir postingan artikel atau dimana tepatnya sesudah kode <data:post.body/> 
    
    <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>
  5. Jika sudah klik SIMPAN TEMA.
  6. SELESAI dan lihat hasilnya.

Itulah tadi cara yang menurut saya paling mudah untuk memasang rating bintang di Blogger. Untuk artikel kali ini mungkin segitu aja. Jika kamu ingin bertanya perihal artikel ini atau yang bersangkutan dengan Blogger, Cukup tinggalkan komentar di bawah ya. Semoga bermanfaat dan berbahagia.