Cara Pasang Widget Star Rating Blogger

Blogger star rating merupakan salah satu fitur baru dari Blogger yg resmi diluncurkan pada pertengahan 2011 lalu. Waktu sebelumnya, uji coba dan akses pengaktifan & penggunaannya harus melalui draft.blogger.com. Alhamdulillah sekarang tidak lagi, aktivasi fitur star rating for blogger dapat Anda lakukan melalui dashboard blogger Anda. Fitur Star rating ini memberikan kesempatan kepada pengunjung blog Anda untuk menilai konten/isi postingan artikel Anda yang telah mereka baca. Sedangkan bagi pemilik blog seprti Anda, star rating dapat memberikan gambaran untuk mengevaluasi penyajian isi blog.

Cara Memasang Star Ratings Widget Pada Official Blogger Templates

Template Blogger resmi (non custom templates) telah memiliki bagian-bagian yg berisi kode-kode widget star rating. Apabila Anda ingin mengaktifkannya, cukup dengan melakukan beberapa langkah berikut:

1. Pertama Anda masuk ke dashboard Blogger.

2. Kemudian buka halaman Layout (page elements).

3. Klik "edit" (di kanan bawah badan post) pada bagian badan posting (blog posts).

4. Kemudian klik/centang "Show Star Ratings"

5. Terakhir save.

Sekarang silahkan Anda ciba cek posting blog Anda, widget star ratings blogger akan ditampilkan pada bagian bawah posting.

Note: Pada sebagian kasus tertentu, opsi "Show Star Ratings" tidak ada. Jika Anda menemui kasus demikian, akses Blogger melalui draft.blogger.com.

Cara Memasang Star Ratings Widget Pada Custom Blogger Templates

Pada template blogger yg tidak disediakan oleh Blogger sendiri, star ratings tidak akan muncul meskipun sudah diaktifkan dengan cara seperti di atas. Hal ini karena pada template Blogger yg disediakan oleh pihak ketiga tidak diberikan script serta HTML star ratings. Melihat hal demikian, saya mencoba menengok template-template resmi Blogger dan menemukan beberapa bagian widget star ratings. Sebagai uji coba, saya kemudian mengekstraknya & mengaplikasikannya pada template blog ini.

Ada dua langkah penting untuk memasang star rating blogger:

• Memasang Kode HTML star ratings:

1. Aktifkan terlebih dahulu fitur star ratings seperti cara di atas. Apabila tidak ditemukan, akses dashboard melalui draft.blogger.com. Save.

2. Buka edit HTML ( template > edit HTML), jangan lupa centang "Expand Widget Templates".

3. Jika ingin memasang star ratings di bawah judul posting, cari <div class='post-header-line-1'/> (gunakan Ctrl+F), letakkan kode berikut 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>

Note:

-Apabila anda telah menggunakan share buttons (Facebook, Twitter, Google+) yg saya share pada posting terdahulu, letakkan kode di atas </b:if>.

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

• Memasang Script star ratings:

1. 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>

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

2. Save template.

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.

Tertarik dengan artikel ini? Tag artikel saya di blog Anda dengan memasang script permalink di bawah ke blog Anda. Terima kasih
<a href="https://panduanku-ngeblog.blogspot.com/2012/07/cara-pasang-widget-star-rating-blogger.html">Cara Pasang Widget Star Rating Blogger</a>