Memasang Widget Rating di posting Blogspot

Mempercantik blog yang kita punya?? hemm maksudnya apa? "maksudnya adalah menambah dan memasang widget rating di blog kita" . Ya kali ini saya akan sedikit berbagi buat teman-teman yang ingin mempercantik blog nya dengan memasang widget rating di blog kesayangan kalian.Ya itung2 tulisan inipun sebagai arsip saya (jaga-jaga siapa tahu nanti saya akan menggunakannya juga).

oke deh langsung aja, Caranya  :

1.login ke akun blogger.
2.Plih menu layout / tata letak kemudian masuk ke edit html
3.Klik Expand widget template
4.Lalu cari kode seperti dibawah ini

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

Kemudian letakan kode di bawah ini diantara kode di atas tadi, contoh :

<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>

setelah itu cari kode berikut :

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

</b:includable>

Kemudian letakan kode di bawah ini diantara kode di atas tadi, contoh :

<!-- 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>

Lalu simpan template ( klik preview untuk memastikan)

ps: kode yang di cetak tebal adalah kode widget rating.

selamat mencoba...

Artikel terkait