Membuat Rating Bintang Artikel Blog Sudah lama saya cari cari, setelah googling kesana kemari akhirnya
Arminaven menemukan cara membikin rating bintang artikel di blogspot yang terutama. Rating ini tentu sangat berguna bagi pemilik blog untuk melihat seberapa bernilainya artikelnya bagi pengunjung, disamping pengunjung juga dapat memberikan penilaian terhadap artikel yang bersangkutan. Saya akan mencoba membagi pengalaman saya menampilkan bintang di postingan blog untuk memperindah blog kita. berikut ane paparkan.
Memasang Rating Bintang di template bawaan blogger
Pada template Blogger resmi yang belum dimodifikasi atau dikembang sudah menyediakan falistas kode-kode widget star rating. dan cara mengaktifkannya juga tergolong mudah banget, seperti berikut ini caranya:
2. langsung ke Tata Letak.
3. pada Posting Blog klik "edit".
4. Selanjutnya akan muncul halaman seperti gambar berikut ini. atur seperti pada gambar
5. terakhir save dan lihat hasilnya.
Cara Membuat Star Ratings Widget Pada Custom Blogger Templates (Template Modifikasi)
Untuk menampilkan pemberian rating pada template custom blogger berbeda dengan template bawaan blogger. berikut ini caranya:
1. akftifkan menampilkan rating bintang seperti panduan diatas.
2. setelah di save, selanjutnya edit HTML
3. Untuk meletakkan rating bintang dibawah Judul postingan maka cari <div class='post-header-line-1'/> dan letakkan kode berikut di bawahnya. Jika menginngikan dibawah postingan maka cari kode <data:post.body/>, letakkan kode berikut di bawahnya:
<div class='star-ratings' style='float:left;'>
<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>
4. Kembali ke edit HTML, cari
<b:include name='feedLinks'/>, 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("annotations", "1");
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>
Jika tidak ditemukan kode <b:include name='feedLinks'/> maka silahkan cari <b:includable id='feedLinks'>.
selanjutnya Save template dan lihat hasilnya.