Related Posts Plugin for WordPress, Blogger...

Terima kasih anda sudah berkunjung di Website KREASI | Sebuah Kreasi yang mencoba memberikan pengetahuan untuk melangkah dalam masa depan yang Gemilang | Jangan Lupa Tinggalkan Komentar Anda |

Rabu, 09 Mei 2012

Membuat Rating Bintang 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.

0 komentar:

Tinggalkan Komentar Anda

Silakan berkomentar dengan baik dan sopan. Untuk berkomentar anda bisa gunakan format di bawah ini.
Format untuk komentar:
1. Pilih profil sebagai Name/URL
2. Isikan nama anda
3. Isikan URL (Blog/Website/Facebook/Twitter/Email /Kosongkan)
4. Isikan komentar
5. Poskan komentar