Show Star Ratings at Blogger

New Features: Star Ratings (Blogger in draft)

By added Star Ratings feature, the reader will be easier to give rate at the quality of article. Star Ratings will showed five chosen stars, where the reader can directly choose star. Star Ratings called as mini-poll, if your blog have topic about fashion, food, crafts and arts of course this Ratings so comfort to used as rate of the information’s quality that has given.
 

To try Star Ratings, login first at http://draft.blogger.com/ then at Edit Layout page click "Edit" then give centang at “Show Star Ratings”

 

Revisi:

 

For the modified template, that way will be failed, to shows star rating we can use manual way, follow the step below

 

First at Edit HTML (don’t forget to give centang at "Expand Template Widget") Search the code below
 

 

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

 

Then enter the code below between that code, for example:

 

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

 

Still at Edit HML page, search code below

 

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

</b:includable>

 

Then enter the code below between that code, for example:

 

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

 

Don’t forget to save and look the result, Good luck to try the new feature from blogger :)