Pasang Star Ratings di Blogger


Apakah anda ingin memasang Star Ratings di Blogger ? Caranya mudah ikuti langkah-langkah berikut ini :

Contoh star ratings :

Photobucket

Langkah-langkah :

1. Silahkan Login ke draft.blogger.com
2. Pilih Layout
3. Pada kotak bagian Posting Blog klik edit
4. Beri tanda centang pada Show Star Ratings
5. Klik Save dan lihat hasilnya

Catatan !!

Star Ratings tidak akan bisa dimunculkan pada template yang sudah pernah di otak-atik. Tapi kita dapat menampilkannya dengan cara manual yaitu dengan sedikit mengotak-atik kode HTML nya. Caranya mudah ikuti langkah-langkah berikut ini:

1. Masuk ke menu Tempate --> Edit Html
2. Beri tanda centang pada tulisan Expand Template Widget
3. Cari kode dibawah ini:

<div class='post-footer-line post-footer-line-3'> </div>

4. Masukkan kode warna merah di bawah ini di tengah-tengah kode diatas :

<div class='post-footer-line post-footer-line-3'>
<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> </div>
</div>

5. Kemudian Cari lagi kode dibawah ini:

<b:include name='feedLinks'/> </b:includable>

6. Setelah itu, masukkan kode warna merah dibawah ini diantara kode diatas:

<b:include name='feedLinks'/>
<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>
</b:includable>

7. Klik Simpan Template

8. Jadi Deh He he he !!

Related Posts

Pasang Star Ratings di Blogger
4/ 5
Oleh