JS-KIT RATING FOR BLOGGER

Puyeng bener cari bahan tutorial yang stylish!!! Yaaa...sudah BeBeN kembali membawa oleh-oleh dari teman seperjuangan Mr.Lasantha Bandara owner bloggertipandtrick.net. Oleh-olehnya mengenai tidak jauh dari bergaya-gaya dengan blog kita tercinta ini. Screenshoot :

Bagaimana penuh dengan gaya dan seksi toh. Itu rating yang selalu ada di web-web yang berbayar...xixixixi. Kalau mau yang ratingnya saja, bisa. Mau yang like or dislikenya saja juga bisa. Kedua-duanya??? Yaaa...bisa juga dong...!!!

1. Log in ke account blogger sobat--->Layout--->Edit HTML--->Centang Expand Widget Templates--->Download Full Template.
2. Cari kode </body>, lalu letakkan script berikut diatas/sebelum kode tersebut.
Scriptnya :
<script src="http://js-kit.com/ratings.js"></script>
3. Press Ctrl + F pada keyboard, temukan kode berikut
   <data:post.body/>.
4. Lalu letakkan kode berikut pas setelah kode yang tadi (langkah nomor 3).
Kodenya :

<div style="float:left; margin-right:3px;"></div>
<div class="js-kit-rating"
expr:path="data:post.url"
expr:permalink="data:post.url"
expr:title="data:post.title">
</div>

Kode yang ini untuk rating sobat. Kalau pada gambar yang bergambar bintang. Nah kalai mau yang bergambar tangan jempol buat penampilannya, kodenya yang ini.

<div style="float:left; margin-right:3px;"></div>
<div class="js-kit-rating"
expr:path="data:post.url"
expr:permalink="data:post.url"
expr:title="data:post.title" view="score">
</div>

5. SAVE dan lihat hasilnya.

Catatan : Kedua kode diatas dapat ditempatkan sesuai dengan keinginan sobat kok. Kalau mau tampil di bawah judul postingan, maka cari kode
<div class='post-header-line-1'/>
dan letakkan kodenya setelah kode yang bertuliskan tebal. Atau mau mencoba meletakkannya di kode berikut.
<div class='post-footer-line post-footer-line-1'>
Tutorial by : www.bloggertipandtrick.net

See you and happy blogging...WassaLam ^_^