Pasang Star Ratings di blogger (Revisi)

New Features: Star Ratings (Blogger in draft)

Dengan menambahkan fitur Star Ratings, pembaca dapat dengan mudah memberikan penilaian pada kualitas artikel. Star rating akan menampilkan lima bintang pilihan, dimana pembaca dapat langsung memilih button bintang dengan sekali klik. Star Ratings bisa dikatakan sebagai mini-poll, jika blog kamu memiliki topik tentang fasion, food, crafts dan seni tentu Star Ratings ini sangat pas sekali digunakan sebagai penilaian pada kuliatas informasi yang disampaikan.

Untuk mencoba Star Ratings, login dulu di http://draft.blogger.com/ kemudian pada halaman Edit Layout klik "Edit" lalu beri tanda centang pada “Show Star Ratings”

 

Revisi:

 

Untuk template yang sudah dimodifikasi, cara diatas ternyata tidak berjalan dengan sukses, untuk menampilkan star rating kita bisa menggunakan cara manual, ikuti caranya di bawah ini

 

Pertama pada Edit HTML (jangan lupa beri tanda centang "Expand Template Widget") cari kode dibawah ini:

 

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

 

Kemudian masukan kode dibawah 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>

 

Masih pada halaman Edit HML, cari kode dibawah ini

 

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

</b:includable>

 

Kemudian masukan kode dibawah diantara kode diatas, contohnya seperti ini:

 

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

 

Jangan lupa disimpan dan lihat hasilnya, Selamat mencoba fitur baru dari blogger :)