Free Steam Games
Loading...

Pasang Star Rating Di Blogger

|


Fitur ini berfungsi untuk memberikan kesempatan kepada pembaca untuk menilai kualitas dari tulisan/artikel yang kita posting. Star Ratings menampilkan lima bintang pilihan, dimana pembaca dapat memilih jumlah bintang sebagai penilaian hanya dengan sekali klik.

Untuk menampilkan Star Ratings, ikuti langkah dibawah ini:

1. Silahkan Login ke http://draft.blogger.com/ dengan ID blogger anda
2. Pada halaman Edit Layout klik Edit
3. Beri tanda centang pada Show Star Ratings

Star Ratings biasanya tidak akan bisa dimunculkan pada template yang sudah pernah dimodifikasi. Namun kita dapat menampilkannya dengan cara manual dengan sedikit mengutak-atik kode HTML. Ikuti langkah dibawah ini:

1. Buka tab 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 yang berwarna biru dibawah ini diantara 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. Cari lagi kode dibawah ini:

<!-- feed links -->
<b:include name='feedLinks'/>

</b:includable>

6. Setelah ketemu, masukkan kode berwarna biru dibawah ini diantara kode diatas:

<!-- feed links -->
<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, Selesai.

1 comments:

Anonymous said...

kok gak muncul ya? coba cek blog aku

Post a Comment

Related Posts with Thumbnails