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 == &quot;item&quot;'>
<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.

Leave a Reply

Subscribe to Posts | Subscribe to Comments

Welcome to My Blog

Berlangganan Lewat Email

Subscribe via Email

Translate

Lagu

- Copyright © Arief Hilman Nugraha - Robotic Notes - Disponsori Oleh Blogger - Editing by Arief Hilman Nugraha -