5 Star Rating Widget For Blogger

This tutorial will show you How to add 5 Star Rating Widget For Blogger

STAR RATING WIDGET DEMO

Live Demo

ADD STAR RATING WIDGET TO BLOG

• Go to Blogger Dashboard --> Design --> Edit HTML
• Backup your Template before making any changes to your blog
• Now   Expand Widget Templates
• Find the code using [ctrl+F] <data:post.body/>
• Copy the code shown below and paste just Above <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='js-kit-rating' expr:path='data:post.url' expr:permalink='data:post.url' expr:title='data:post.title'></div>
</b:if>

• This code will display star rating only in Post Pages, if you wish to display it in Homepage then delete two BLUE lines
• Find the code using [ctrl+F] </body>

• Copy the code shown below and paste just Above </body>. 

<script src="http://js-kit.com/ratings.js"></script>

• Save Your Template