Cara Terbaru Memasang Widget Rating Bintang di Blogger

Siapa sih yang nggak mau blognya terlihat lebih keren dan profesional? Salah satu cara biar blog kamu makin kece adalah dengan menambahkan widget rating bintang di setiap postingan. Dengan adanya rating ini, pengunjung bisa kasih penilaian buat artikel kamu. Selain itu, rating ini juga bisa bantu ningkatin SEO dan domain authority blog kamu, loh! Jadi, makin banyak orang yang bisa nemuin blog kamu di Google.

Sayangnya, kalau kamu pake Blogger dari Google, fitur rating ini belum tersedia secara bawaan kayak di WordPress. Tapi, jangan panik! Kita bisa tetep nambahin fitur ini dengan bantuan widget pihak ketiga. Tenang aja, caranya gampang kok! Yuk, ikutin langkah-langkah di bawah ini!

---

Kenapa Sih Harus Pasang Widget Rating di Blogger?

Sebelum masuk ke tutorialnya, yuk kita bahas dulu kenapa sih widget rating ini penting banget buat blog kamu:

1. Bikin Blog Kamu Lebih Profesional – Pengunjung jadi lebih percaya kalau mereka lihat ada rating di setiap artikel.
2. Meningkatkan SEO – Google lebih suka artikel yang punya engagement dari pembaca, termasuk rating bintang ini.
3. Interaksi Jadi Lebih Mudah – Kadang pengunjung males nulis komentar panjang, tapi mereka tetep bisa kasih feedback lewat rating.
4. Bisa Jadi Parameter Kualitas Konten – Kamu jadi tahu artikel mana yang paling disukai dan mana yang perlu ditingkatkan.

Udah paham kan manfaatnya? Yuk, sekarang kita langsung aja ke tutorialnya!

---

Langkah-langkah Memasang Widget Rating Bintang di Blogger

1. Login ke Dashboard Blogger

Pertama-tama, login dulu ke akun Blogger kamu. Pilih blog yang mau kamu tambahin fitur rating bintangnya.

2. Masuk ke Menu Tema dan Edit HTML

• Pergi ke menu Tema.
• Klik Edit HTML buat mulai ngedit kode template blog kamu.

3. Tambahkan Kode CSS

Sekarang, kita bakal masukin kode CSS buat ngatur tampilan ratingnya. Copy kode di bawah ini dan tempelin sebelum kode ]]></b:skin> atau </style> di dalam template blog kamu.

/* Rating Count Star */
#wpac-rating:before {
    content: "Beri rating Artikel";
    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;
    transform: translateX(-30%);
    top: 100%;
    margin-top: 9px;
}

Udah? Oke, lanjut ke langkah berikutnya!

4. Tambahkan Kode JavaScript

Setelah itu, kita tambahin kode JavaScript buat ngejalankan fungsi ratingnya. Cari kode </body> di dalam template dan tambahin kode ini tepat sebelum kode tersebut:

<!--[ Rating ]-->    
<script type='text/javascript'>
wpac_init = window.wpac_init || [];
wpac_init.push({
    widget: 'Rating',
    id: 31970,
    html: '{{=it.stars}} {{?it.count>0}}Rating: {{=it.rating}} based on {{=it.count}} {{=it.votes}}{{?}}'
});
(function() {
    if ('WIDGETPACK_LOADED' in window) return;
    WIDGETPACK_LOADED = true;
    var mc = document.createElement('script');
    mc.type = 'text/javascript';
    mc.async = true;
    mc.src = 'https://cdn.widgetpack.com/widget.js';
    var s = document.getElementsByTagName('script')[0]; 
    s.parentNode.insertBefore(mc, s.nextSibling);
})();
</script>

Udah? Lanjut ke langkah terakhir!

5. Tambahkan Kode Pemanggil Widget Rating

Biar ratingnya muncul di setiap artikel, kita harus nambahin kode pemanggilnya. Salin kode di bawah ini dan tempelin setelah <data:post.body/> di dalam HTML template kamu:

<div id="wpac-rating"></div>

Setelah itu, jangan lupa Simpan Template dan lihat hasilnya! Harusnya sekarang di setiap postingan blog kamu udah ada fitur rating bintang.

---

Tips Tambahan Biar Rating Bintangnya Makin Optimal

1. Pilih Warna yang Sesuai dengan Tema Blog – Biar nggak tabrakan sama desain blog kamu, bisa ganti warna CSS-nya.
2. Uji Coba di Berbagai Perangkat – Cek apakah widget ratingnya tampil dengan baik di HP, tablet, dan laptop.
3. Promosikan ke Pembaca – Kasih tahu pembaca bahwa mereka bisa kasih rating di setiap artikel biar fitur ini lebih banyak digunakan.

---

Penutup

Nah, itu dia cara gampang buat nambahin widget rating bintang di Blogger! Dengan fitur ini, blog kamu bakal terlihat lebih profesional, lebih interaktif, dan tentunya lebih disukai Google.

Kalau ada yang kurang jelas atau ada kendala pas ngikutin tutorial ini, langsung aja tanyain di kolom komentar ya! Selamat mencoba dan semoga sukses!