Banner 468 x 60

Loading...

Cara Membuat Rating Bintang Artikel Blog

Advertisement
Membuat Rating Bintang Artikel Blog Sudah lama saya cari cari, setelah googling kesana kemari akhirnya Arminaven menemukan cara membikin rating bintang artikel di blogspot yang terutama. Rating ini tentu sangat berguna bagi pemilik blog untuk melihat seberapa bernilainya artikelnya bagi pengunjung, disamping pengunjung juga dapat memberikan penilaian terhadap artikel yang bersangkutan. Saya akan mencoba membagi pengalaman saya menampilkan bintang di postingan blog untuk memperindah blog kita. berikut ane paparkan.

Memasang Rating Bintang di template bawaan blogger

Pada template Blogger resmi yang belum dimodifikasi atau dikembang sudah menyediakan falistas kode-kode widget star rating. dan cara mengaktifkannya juga tergolong mudah banget, seperti berikut ini caranya:
1. Masuk terlebih dahulu ke dashboard Blogger tapi melalui draft.blogger.com.
2. langsung ke Tata Letak.
3. pada Posting Blog klik "edit".
 
4. Selanjutnya akan muncul halaman seperti gambar berikut ini. atur seperti pada gambar

5. terakhir save dan lihat hasilnya.


Cara Membuat Star Ratings Widget Pada Custom Blogger Templates (Template Modifikasi)

Untuk menampilkan pemberian rating pada template custom blogger berbeda dengan template bawaan blogger. berikut ini caranya:

1. akftifkan menampilkan rating bintang seperti panduan diatas.
2. setelah di save, selanjutnya edit HTML
3. Untuk meletakkan rating bintang dibawah Judul postingan maka cari <div class='post-header-line-1'/> dan letakkan kode berikut di bawahnya. Jika menginngikan dibawah postingan maka cari kode <data:post.body/>, letakkan kode berikut di bawahnya:
<div class='star-ratings' style='float:left;'>
<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>
4. Kembali ke 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>
Jika tidak ditemukan kode <b:include name='feedLinks'/> maka silahkan cari <b:includable id='feedLinks'>.
selanjutnya Save template dan lihat hasilnya.
 Demikianlah Cara Membuat Rating Bintang Artikel Blog semoga artikel ini bermanfaat untuk anda. Jangan lupa baca baca ebook komputer yang kami sediakan link downloadny di kiri kanan, dana atas bawah blog kami ini
Advertisement

2 Response to "Cara Membuat Rating Bintang Artikel Blog"

Ga mempan gan...bantuin ya...

Balas

yang ane share ini adalah yang berhasil ane praktekin gan, mungkin ada langkah yang agan lewatkan, oya gan, untk menampilkan bintangnya di google harus tunggu sekitar 3 hari dulu gan

Balas
  • Berkomentarlah dengan sopan dan bijak sesuai dengan isi konten.
  • Komentar yang tidak diperlukan oleh pembaca lain [spam] akan segera dihapus.
  • Apabila artikel yang berjudul "Cara Membuat Rating Bintang Artikel Blog" ini bermanfaat, share ke jejaring sosial.
Konversi Kode