Star Rating, atau Rating berbentuk bintang merupkan simbol dari populer atau tidak-nya sebuah tulisan anda. Semakin banyak Star Rating yang di dapat, maka semakin populer-lah tulisan itu. Nah untuk membuat Star Rating di blog anda, silakan ikuti tutorial yang saya sadur dari blogger-buster. Seperti biasa, sebelum mencoba tips ini backup terlebih dahulu template anda. Oke sekarang ikuti cara berikut:
Pertama
Pilih Layout->Edit HTML, centang Expand Widget Template
Kedua
Cari kode di bawah ini :
<div class='post-footer-line post-footer-line-1'>
Ketiga
Copy kode di bawah ini tepat setelah kode di atas :
<b:if cond='data:blog.pageType == "item"'> <span class='star-ratings'> <b:if cond='data:top.showStars'> <div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='180'/> </b:if> </span> </b:if>
Keempat
Cari kode ini :
<b:include name='nextprev'/>
Kelima
Copy-kan kode ini tepat di bawahnya :
<b:if cond='data:top.showStars'> <script src='http://www.google.com/jsapi' type='text/javascript'/> <script type='text/javascript'> google.load("annotations", "1"); function initialize() { google.annotations.createAll(); google.annotations.fetch(); } google.setOnLoadCallback(initialize); </script> </b:if>
Keenam
Simpan dan lihat hasilnya
Jika Star Rating sudah terlihat pada posting anda, itu tandanya sudah berhasil :)
Pertama
Pilih Layout->Edit HTML, centang Expand Widget Template
Kedua
Cari kode di bawah ini :
<div class='post-footer-line post-footer-line-1'>
Ketiga
Copy kode di bawah ini tepat setelah kode di atas :
<b:if cond='data:blog.pageType == "item"'> <span class='star-ratings'> <b:if cond='data:top.showStars'> <div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='180'/> </b:if> </span> </b:if>
Keempat
Cari kode ini :
<b:include name='nextprev'/>
Kelima
Copy-kan kode ini tepat di bawahnya :
<b:if cond='data:top.showStars'> <script src='http://www.google.com/jsapi' type='text/javascript'/> <script type='text/javascript'> google.load("annotations", "1"); function initialize() { google.annotations.createAll(); google.annotations.fetch(); } google.setOnLoadCallback(initialize); </script> </b:if>
Keenam
Simpan dan lihat hasilnya
Jika Star Rating sudah terlihat pada posting anda, itu tandanya sudah berhasil :)
Artikel Terkait
Langganan:
Posting Komentar (Atom)
8 komentar:
Oke ! ~dicoba dulu gan !
yo'a bro... thx kunjungannya :)
kok gak mau gan, apa ada yg salah mohon petunjuknya.thanks yu
kode ini sudah lama sob.. kemungkinan gak bisa digunakan.. tpi di template tertentu bisa kok :)
pusinggg klo kode"an....
mata gewe jd jereng gara" nyari kode gk ktmu"...
T.T
kalo mau cari kode yg mau dicari gunakan 'ctrl + f' agar lebih mudah :)
makasi banget tipsnya
Muehehehhehe...
thanks gan info nya...
follow back blog saya ya gan..
www.rodelaide.blogspot.com
Posting Komentar