Headline

Buat sobat blogger yang menjumpai komentar kasar dan mengatasnamakan OzieCyber, silahkan baca dan laporkan disini.
Unduh Adobe Flash player

close

~Affiliates~

 

Bantu saya vote +1 pada tombol google plus di bawah!!

×

flang counter

free counters

Pasang Star Rating dengan JS-KIT

Dulu saya pernah memposting artikel dengan topik yang sama tentang menambahkan Rating Bintang dari Outbrain yang saya posting disini, tetapi yang lama tersebut tampilannya kurang menarik dan susah diubahsuaikan, nah kali ini ada Rating Bintang yang tampilannya menarik dan tentunya lumayan ringan untuk loading blog, Rating Bintang yang ini kodenya dari js-kit.com.



Berikut contoh Star Rating atau contoh langsungnya ada Demo Star Rating

 

Tutorial ini telah saya perbarui dan saya tambahkan dengan satu model lagi, karena kemaren banyak yg bs tampil tp sekarang mudah-mudahan bisa tampil pada semua template.
1. Masuk ke Dasboard Blogger ► Tata LetakEdit 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'/>
 Press CTRL + C to copy

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>
 Press CTRL + C to copy


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>
 Press CTRL + C to copy


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.

Related Post :

Comments
0 Comments


0 komentar:

:a: :b: :c: :d: :e: :f: :g: :h: :i: :j: :k: :l: :m: :n: :o: :p: :q:

Berikan Tanggapan mengenai Artikel Di Atas :

Berkomentar Lah Dengan Sopan :

=> Hahahaha ...xD
=> Blog Ini bebas Mau Berkata Apa Asal Sopan ...Azzzz
=> #Peace ALL

Terima Kasih Sudah Berkomentar .. !!

-----
pin 284A465C Gunakan Browser Google Chrome Versi Terbaru, Agar Tampilan Blog Ini Maksimal.