Home » , » Memasang Star Rating Pada Setiap Postingan Dengan JS-KIT

Memasang Star Rating Pada Setiap Postingan Dengan JS-KIT

Written By Unknown on Thursday, October 4, 2012 | 8:51 PM


Memasang Star Rating Pada Setiap Postingan Dengan JS-KIT - Pada kesempatan kali ini saya akan share sebuah tutorial tentang cara memasang star rating pada setiap postingan dengan JS-KIT. Kode star rating ini berasal dari js-kit.com, bagi anda yang berminat untuk memasang star rating pada setiap postingan di dalam blog anda silahkan ikuti langkah-langkah berikut :

1. Login ke blogger.com menggunakan akun anda.
2. Masuk ke halaman "Template".


3. Lalu pilih "Edit HTML", klik "Lanjutkan" dan jangan lupa centang "Expand Template Widget".


4. Kemudian cari kode </body> dan sisipkan kode berikut di atasnya.

<!-- JS-KIT FOR STAR RATINGS SHOW -->
<script src='http://js-kit.com/ratings.js'/>

5. Langkah selanjutnya adalah menampilkan star rating tersebut, ada dua jenis model yang bisa kita pilih. Cukup pilih salah satu dari dua kode dibawah ini dan tambahkan di bawah kode <data:post.body/>.

Kode 1 (Star Rating Model Biasa) :

<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 2 (Like / Unlike Dengan Gambar Jempol) :

<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>

6. Klik save/simpan template, dan lihat hasilnya...

Semoga postingan tentang cara memasang star rating pada setiap postingan dengan JS-KIT ini bermanfaat bagi anda, selamat mencoba dan semoga berhasil. Cukup sekian dulu, selebihnya saya mohon ma'af atas segala kekurangan yang ada. Salam sejahtera by ngeposta...

0 comments:

Post a Comment