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("annotations", "1");
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.
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("annotations", "1");
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