Saturday, February 18, 2012

Pasang Star Rating Pada Postingan




Star Rating adalah fitur yang disediakan untuk memberikan penilaian pada sebuah artikel atau postingan pada blog. Pengunjung bisa memberikan penilaiannya tentang kualitas artikel tersebut. Star Rating menyediakan lima bintang pilihan, dimana pembaca dapat langsung memilih button bintang dengan sekali klik. Selain untuk memberikan penilaian pada kualitas artikel, star rating ini juga bisa dijadikan accesoris untuk memperindah tampilan blog.

Untuk menampilkan star rating kita haruslah login ke account blogger dengan username dan password pribadi. Masuk ke Tatal Letak --> Edit HTML --> beri tanda centak pada "expand template widget" kemudian cari kode dibawah ini :

<div class='post-footer-line post-footer-line-3'>
</div>

Kemudian letakkan kode dibawah ini diantara kode diatas. Contohnya seperti ini :

<div class='post-footer-line post-footer-line-3'>

<span class='star-ratings'>
<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>
</span> </div>


</div>

Setelah itu cari kode berikut :

<!-- feed links -->
<b:include name='feedLinks'/>

</b:includable>

Dan letakkan kode dibawah ini diantara kode diatas. Contohnya sebagai berikut :

<!-- feed links -->
<b:include name='feedLinks'/>


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

</b:includable>

Simpan Template.

Nah, itulah langkah-langkah untuk memasang star rating pada blog. Jika telah mengikuti langkah tersebut coba lihat hasilnya.

0 komentar:

Post a Comment

Pages