VEzcwOIzJo2ocMRnvNfZmXylSxSqdBdXDBtRZkxw
Bookmark

Cara Memasang Widget Vote Rating Bintang Di Blogger

Serieswans.com - Halo sobat blogger, pada kesempatan kali ini saya akan membagikan tutorial mengenai cara memasang widget vote rating bintang di postingan blogger.

Widget Vote Rating Bintang atau Widget Rating Count Star ini sering kita temukan pada sebuah situs website. widget ini menjadi widget penilaian yang terdiri dari ikon bintang dengan indikator nilai yang menunjukkan peringkat suatu artikel dan di nilai oleh pengunjung tersebut, apakah dia memberikan indikator dengan 5 bintang atau hanya 4, itu kembali lagi tergantung dari pengunjung tersebut, jika dia rasa artikel tersebut bagus dan menarik, dia juga akan memberika apresiasi berupa bintang 5 terhadap artikel tersebut.

Cara Memasang Widget Vote Rating Bintang Di Blogger
Widget Vote Rating Bintang / Rating Count Star


Apa Itu Widget Rating Count Star

Widget Rating Count Star ini berperan penting untuk memberikan nilai apresiasi baik maupun buruk terhadap suatu artikel yang dibaca oleh si pengujung. ada banyak juga situs-situs website yang memasang widget rating coun star.

Semakin banyak bintang yang di berikan oleh si pengunjung, tentu saja reputasi artikel anda akan semakin baik di mata pengujung yang lain dan bahkan dimesin pencarian Google itu sendiri.

Bagi anda yang sudah tidak sabar untuk memasang widget tersebut, silahkan ikuti langkah-langkah di bawah ini ya sob:

Cara Memasang Widget Vote Rating Bintang Di Blogger

  • Masuk terlebih dahulu ke Blogger
  • Masuk ke Dashboard dan Pilih menu Tema => Edit HTML
  • Selanjutnya Copy kode CSS Vote Rating Count Star di bawah ini dan letakan sebelum kode ]]></b:skin> atau </style>, atau anda juga bisa membuat kode pembungkus yang baru, contohnya <style> Taruh kode CSS disini </style>
#wpac-rating:before {content: "Apakah anda rasa 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;}
  • Kemudian cari kode <data:post.body/> 
tips — Biasanya ada 3 sampai 4 kode tersebut yang ada di dalam template, silahkan kode yang terletak atau yang di bungkus pada halaman postingan.
  • Jika sudah menemukan letak kode tersebut, silahkan Copy kode dibawah ini dan letakan sesudah kode <data:post.body/>
<div id="wpac-rating"></div>
  • Selanjutnya silahkan copy kode Javascript di bawah ini dan letakan di atas kode </body>
<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>
  • Terakhir simpan Tema atau Template

Akhir Kata
Dengan adanya widget Rating Count Star ini akan sangat berguna sekali bagi pengunjung situs website untuk memberikan nilai pada artikel atau postingan yang sedang dia baca tersebut.

Jadi buatlah konten yang berkualitas dan bermanfaat bagi diri sendiri dan orang lain.

Demikian pembahasan kali ini mengenai Cara Memasang Widget Vote Rating Bintang Di Blogger. jika ada pertanyaan terkait postingan di atas, silahkan tanyakan di kolom komentar ya sob. semoga bermanfaat.
2 komentar

2 komentar

  • jeffriedotcom@gmail.com
    jeffriedotcom@gmail.com
    Juni 28, 2023
    sudah saya coba bagus... trims atas panduanya...
    Reply
  • Media Sans
    Media Sans
    Januari 25, 2022
    Gk muncul
    Reply