Cara Memasang Fitus Widget 5-Star Rating Di Postingan Blog

By. Dedi Yahya S

Pada kesempatan kali ini saya akan memberikan trik dan panduan tentang Cara memasang fitus widget 5-Star rating di postingan Blogspot.

Blogger star rating adalah salah satu fitur baru Blogger yg resmi diluncurkan pada pertengahan 2011 lalu. Dulu, uji coba serta akses pengaktifan & penggunaannya harus melalui draft.blogger.com. Tapi kini tidak lagi, aktivasi fitur star rating for blogger dapat dilakukan melalui dashboard blogger.com. Star rating memberikan kesempatan pada pengunjung blog untuk menilai konten/isi posting yg dibacanya. Bagi pemilik blog, star rating dapat memberikan gambaran guna mengevaluasi penyajian isi blog.

Cara Memasang Fitus Widget 5-Star Rating Di Postingan Blog :

Memasang Kode HTML star ratings:

• Masuk pada Blogger
• Masuk mode Rancangan, kemudian Edit HTML
• Centang Expand Widget Templates
• Jika ingin memasang star ratings di bawah judul posting, cari  (gunakan Ctrl+F), letakkan kode berikut <div class='post-header-line-1'/> di bawahnya. Jika ingin memasang di bawah isi posting, cari <data:post.body/>, letakkan kode berikut di bawahnya:

<div class='star-ratings' style='float:right;'>
<b:if cond='data:top.showStars'>
<div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='180'/>
</b:if></div>

Catatan :

Apabila <div class='post-header-line-1'/> tidak ditemukan, cari <data:post.body/>, letakkan kode di atasnya.

Memasang Script star ratings:

• Masih pada edit HTML, cari <b:include name='feedLinks'/>, letakkan script berikut di bawahnya:

<b:if cond='data:top.showStars'>
<script src='http://www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load(&quot;annotations&quot;, &quot;1&quot;);
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>

Catatan :

Jika <b:include name='feedLinks'/> tidak ditemukan, cari <b:includable id='feedLinks'>.

• Jika sudah, Simpan

Blogger star ratings akan muncul di atas atau di bawah posting sesuai cara yg dipilih. Pastikan & perhatikan posisi widget agar sesuai dengan template blog. Jika perlu beri pengaturan CSS agar tampil pada posisi yg sempurna & sesuai keinginan.

Demikian blogger tutorial mengenai Cara Memasang Fitus Widget 5-Star Rating Di Postingan Blog.

Semoga bermanfaat dan semoga berhasil.
Terima Kasih ^_^