Menambah rating bintang pada postingan

Salah satu fitur Blogger yang patut dibanggakan oleh para pemilik blog salah satunya adalah "Rating Bintang" dan fitur ini bisa anda jumpai pada bagian menu tata letak yang berada dibagian posting blog. Rating bintang ini berfungsi untuk pengunjung blog supaya bisa menilai artikel yang dibaca dengan cara memberi bintang di postingan tersebut.

Untuk cara membuatnya silahkan simak caranya berikut ini:
1. Login ke Blogger.
2. Klik Tata Letak
3. Klik "edit" pada bagian posting blog
4. Beri tanda centang tulisan "Tampilkan rating bintang" seperti gambar diatas
5. Simpan.

Selanjutnya cek pada salah satu postingan anda, apakah di bawah postingan muncul "Rating Bintang"?
Jika belum muncul coba anda ikuti panduan berikut untuk memunculkan rating bintang tersebut:

1. Beri tanda centang dulu fitur star ratings seperti cara di atas.
2. Klik menu template selanjutnya klik tombol edit HTML dan tombol lanjutkan

3. Centang "Expand Widget Templates".

4. Untuk memasang rating bintang di bawah judul posting, cari kode berikut <div class='post-header-line-1'/> (gunakan Ctrl+F untuk mempercepat pencarian), 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>

Dan jika ingin memasang di bawah isi postingan, cari dan letakkan kode diatas tepat di bawah kode <data:post.body/>

Masih pada edit HTML, cari kode <b:include name='feedLinks'/> atau kode ini <b:includable id='feedLinks'> sama saja dan 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>

Simpan template anda dan selesai

Tweet