Pasang Star Rating Pada Blogger

Posted Posted by BagongZ in Comments 0 comments

1. Masuk ke Dasboard Blogger ► Tata Letak ► Edit HTML dan beri klick pada "Expand widget template"

2. Cari kode  </body>  dan tambahkan kode berikut diatasnya!
<!-- JS-KIT FOR STAR RATINGS SHOW -->
<script src='http://js-kit.com/ratings.js'/>
3.Sekarang menampilkan rating bintang dan ada dua jenis model pilih salah satu kode dibawah ini dan letakkan dibawah kode <data:post.body/>

Kode 1 (Rating bintang 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) 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>
5. Sekarang Lihat halaman postingnya sudah ada Star Ratingnya apa belum.

Langkah diatas menampilkan Star Rating pada halaman postingan saja, bagaimana jika ingin Pasang Star Rating di halaman depan atau homepage berikut langkah yang bisa diikuti!

Keterangan :
Diatas akan menampilkan Rating Bintang dibawah posting jika ingin menampilkan Rating bintang cukup meletakkan kode pada langkah 3 tepat dibawah  <div class='post-header-line-1'/>  
Posisi bisa disesuaikan dengan keinginan dengan cara merubah kode CSS lihat berikut ini :
float:left; margin-right:3px; kamu bisa merubah menjadi float:right; margin-left:3px;
CSS ini juga bisa kamu tambahkan sedikit modifikasi jika kamu sudah mengerti tentang CSS

0 comments:

Post a Comment