Cara Memasang Fitur Blogger Star Rating Di Posting Blog - Pendidikan Blog

Blogger star rating merupakan salah satu fitur gres Blogger yg resmi diluncurkan pada pertengahan 2011 lalu. Dulu, uji coba serta terusan pengaktifan & penggunaannya mesti lewat draft.blogger.com. Tapi sekarang tidak lagi, aktivasi fitur star rating for blogger sanggup dilaksanakan lewat dashboard blogger.com. Star rating menyediakan peluang pada hadirin blog untuk menganggap konten/isi posting yg dibacanya. Bagi pemilik blog, star rating sanggup menyediakan citra guna menganalisa penyuguhan isi blog.

Cara Memasang Star Ratings Widget Pada Official Blogger Templates

Template Blogger resmi (non custom templates) sudah memiliki potongan yg berisi kode-kode widget star rating. Apabila ingin mengaktifkannya, cukup dengan melakukan beberapa langkah berikut:

1. Masuk ke dashboard Blogger.

2. Buka halaman layout (page elements).

3. Klik "edit" pada potongan tubuh posting (blog posts).

4. Klik/centang "Show Star Ratings"

5. Setelah itu save.

Cek posting blog, widget star ratings blogger ditampilkan pada potongan bawah posting.

Note: Pada beberapa kasus tertentu, pilihan "Show Star Ratings" tidak ada. Jika kawan menemui kasus demikian, terusan Blogger lewat draft.blogger.com.

Cara Memasang Star Ratings Widget Pada Custom Blogger Templates

Pada template blogger yg tidak ditawarkan oleh Blogger sendiri, star ratings tidak akan timbul walaupun sudah diaktifkan dengan cara menyerupai di atas. Hal ini sebab pada template Blogger yg ditawarkan oleh pihak ketiga tidak diberikan script serta HTML star ratings. Melihat hal demikian, saya menjajal menengok template-template resmi Blogger dan mendapatkan beberapa potongan widget star ratings. Sebagai uji coba, saya kemudian mengekstraknya & mengaplikasikannya pada template blog ini.

Ada dua langkah penting untuk memasang star rating blogger:

• Memasang Kode HTML star ratings:

1. Aktifkan apalagi dulu fitur star ratings menyerupai cara di atas. Apabila tidak ditemukan, terusan dashboard lewat draft.blogger.com. Save.

2. Buka edit HTML ( template > edit HTML), jangan lupa centang "Expand Widget Templates".

3. Jika ingin memasang star ratings di bawah judul posting, cari <div class='post-header-line-1'/> (gunakan Ctrl+F), letakkan aba-aba berikut 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>

Note:

-Apabila anda sudah menggunakan share buttons (Facebook, Twitter, Google+) yg saya share pada posting terdahulu, letakkan aba-aba di atas </b:if>.

- Apabila <div class='post-header-line-1'/> tidak ditemukan, cari <data:post.body/>, letakkan aba-aba di atasnya.

• Memasang Script star ratings:

1. 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(&quot;annotations&quot;, &quot;1&quot;);
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>

Note: Jika <b:include name='feedLinks'/> tidak ditemukan, cari <b:includable id='feedLinks'>.

2. Save template.

Blogger star ratings akan timbul di atas atau di bawah posting sesuai cara yg dipilih. Pastikan & amati posisi widget mudah-mudahan sesuai dengan template blog. Jika perlu beri pengaturan CSS mudah-mudahan tampil pada posisi yg tepat & sesuai keinginan.

Have a nice blogging * Have a nice learning!

mencuri merupakan pekerjaan pengecut! © buka-rahasia.blogspot.com