Friday, May 11, 2012

Pasang Star Rating Pada Postingan

Download Video 7MB

Download Video 8MB

Download Video 5MB

Download Video 6MB

Download Video 9MB

Download Video 12MB

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 comments

Post a Comment