Posted by :
Arief Hilman Nugraha
Tuesday, January 15, 2013
Saya akan memberikan tutorial bagaimana caranya membuat gadjet penilaian
5 bintang pada blog anda atau biasanya disebut juga 5 star rating
widget. Ada beberapa cara kita bisa membuat widget seperti ini misalnya
dengan menggunakan rich snippets, namun cara saya akan memberikan cara
yang lebih sederhana. Widget yang kita buat ini dikembangkan oleh js kit
dan mempunyai fitur atau tampilan yang cukup menarik. Ada pilihan 5
bintang untuk penggunjung dapat memilih. Biasanya widget ini ditempatkan
dibawah postingan artikel blog anda dimana penggunjung akan membaca
artikel dan memberikan penilaian terhadap artikel tersebut. Ingin tau
cara membuatnya ikuti langkahnya dibawah ini:
1. Masuklah ke
Rancangan -->
Edit HTML
2. Klik
Expand template widget
3. Carilah kode seperti ini
<data:post.body/>
4. Letakan kode dibawah ini diatas kode <data:post.body/>
<b:if cond='data:blog.pageType == "item"'>
<div
class='js-kit-rating' expr:path='data:post.url'
expr:permalink='data:post.url'
expr:title='data:post.title'></div>
</b:if>
Keterangan:
kode biru diatas menunjukan widget ini hanya tampil pada posting artikel.
5. Letakan kode dibawah ini diatas kode
</body>
<script src="http://js-kit.com/ratings.js"></script>
6. Terakhir yaitu
simpan template anda.
Coba
anda lihat bagaimana widget ini tampil pada posting anda. Tampilannya
pasti menarik bukan? Selamat mencoba ya semoga bermanfaat.
