Minggu, 15 Juli 2012

Membuat Widget Penilaian Artikel Menggunakan Jempol


Pada Trik dan Tips kali ini kita akan membuat Penilaian Menggunakan Jempol atau Thumbs Up and Down Rating Widget pada blog anda. Sebelumnya kita telah membuat 5 star rating widget dengan menggunakan bintang namun widget yang satu ini berbeda karena menggunakan jempol. Jompol atas dan jempol bawah adalah dua penilaian yang berbeda. Jempol atas menunjukan isi dari artikel anda disukai oleh pembaca, sebaliknya jempol bawah menunjukan isi artikel tidak disukai oleh pembaca. Widget jempol ini akan tampil dengan jumlah banyaknya jempol atas dan jempol bawah. Jika ingin membuat blog anda lebih menarik maka cobalah tampilkan widget ini. Untuk membuatnya ikutilah langkah berikut 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' view='score'></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. Lalu simpan template anda.

Coba anda lihat bagaimana widget ini tampil pada posting anda. Anda akan melihat Jempol Up dan Jempol dawn dengan tampilan yang sangat menarik. Smoga artikel in ibermanfaat. Selamat mencoba ya semoga bermanfaat.

0 komentar:

Posting Komentar


Terimakasih sudah berkunjung, silahkah tinggalkan komentar anda, tapi sebelum berkomentar silahkan baca dulu peraturannya :

1. Berkomentarlah menggunakan bahasa yang sopan

2. Dilarang mencantumkan komentar yang berisi SARA atau bersifat provokatif

3. Dilarang mencantumkan LINK di dalam isi komentar kecuali di halaman "Tukar Link"

4. Jangan meninggalkan komentar SPAMM,

5. Berkomentarlah sesuai tema artikel

6. Akun anonymous hanya untuk anda yang belum punya
blog,

7.Jika anda melanggar peraturan diatas, maka dengan
terpaksa saya akan langsung menghapus komentar anda.

Terimakasih.

Komentar

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Web Hosting Bluehost