Star Rating,atau Rating berbentuk bintang merupkan simbol dari populer atau tidak-nyasebuah tulisan anda. Semakin banyak Star Rating yang di dapat, maka semakinpopuler-lah tulisan itu. Nah untuk membuat Star Rating di blog anda, silakanikuti tutorial yang saya sadur dari blogger-buster. Seperti biasa, sebelum mencoba tips ini backup terlebihdahulu 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'> <divexpr: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'> <scriptsrc='http://www.google.com/jsapi' type='text/javascript'/> <scripttype='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:)
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'> <divexpr: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'> <scriptsrc='http://www.google.com/jsapi' type='text/javascript'/> <scripttype='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:)
Tidak ada komentar:
Posting Komentar
1. Do not forget to comment
2. and comments are both good, yes
3. and hopefully your comments useful to us all