Sunday, November 24, 2013
Browse Manual »
Wiring »
5
»
blog
»
cara
»
di
»
fitus
»
memasang
»
postingan
»
rating
»
star
»
widget
»
Cara Memasang Fitus Widget 5 Star Rating Di Postingan Blog
Pada kesempatan kali ini saya akan memberikan trik dan panduan tentang Cara memasang fitus widget 5-Star rating di postingan Blogspot.
Blogger star rating adalah salah satu fitur baru Blogger yg resmi diluncurkan pada pertengahan 2011 lalu. Dulu, uji coba serta akses pengaktifan & penggunaannya harus melalui draft.blogger.com. Tapi kini tidak lagi, aktivasi fitur star rating for blogger dapat dilakukan melalui dashboard blogger.com. Star rating memberikan kesempatan pada pengunjung blog untuk menilai konten/isi posting yg dibacanya. Bagi pemilik blog, star rating dapat memberikan gambaran guna mengevaluasi penyajian isi blog.
Memasang Script star ratings:
Terima Kasih ^_^
Cara Memasang Fitus Widget 5 Star Rating Di Postingan Blog
Pada kesempatan kali ini saya akan memberikan trik dan panduan tentang Cara memasang fitus widget 5-Star rating di postingan Blogspot.
Cara Memasang Fitus Widget 5-Star Rating Di Postingan Blog :
Memasang Kode HTML star ratings:
- Masuk pada Blogger
- Masuk mode Rancangan, kemudian Edit HTML
- Centang Expand Widget Templates
- Jika ingin memasang star ratings di bawah judul posting, cari (gunakan Ctrl+F), letakkan kode berikut <div class=post-header-line-1/> di bawahnya. Jika ingin memasang di bawah isi posting, cari <data:post.body/>, letakkan kode berikut di bawahnya:
<div class=star-ratings style=float:right;>
<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></div>
<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></div>
Catatan :
Apabila <div class=post-header-line-1/> tidak ditemukan, cari <data:post.body/>, letakkan kode di atasnya.
Memasang Script star ratings:
- Masih pada edit HTML, cari <b:include name=feedLinks/>, letakkan script berikut 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.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>
<script src=http://www.google.com/jsapi type=text/javascript/>
<script type=text/javascript>
google.load("annotations", "1");
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>
Catatan :
Jika <b:include name=feedLinks/> tidak ditemukan, cari <b:includable id=feedLinks>.
- Jika sudah, Simpan
Blogger star ratings akan muncul di atas atau di bawah posting sesuai cara yg dipilih. Pastikan & perhatikan posisi widget agar sesuai dengan template blog. Jika perlu beri pengaturan CSS agar tampil pada posisi yg sempurna & sesuai keinginan.
Demikian blogger tutorial mengenai Cara Memasang Fitus Widget 5-Star Rating Di Postingan Blog.
Semoga bermanfaat dan semoga berhasil.Terima Kasih ^_^
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment