Membuat Rating 5 Star pada blog

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.

Sumber :http://blogtrikdantips.blogspot.com/2012/03/membuat-rating-5-star-pada-blog.html

1 komentar:

  1. saya juga sudah memasangnya namun karena memakai platform wp jadinya bisa dibantu oleh plugin
    nice tutor..

    BalasHapus