Star ratings are very common in use but recently we found JS kit that is having either using with a star rating look or setting it to "Thumbs Up!" Total number of thumbs up or thumbs down for each of your posts can be calculated and shown. We would recommend that you add it to your blogs to engage your readers more and increase your overall page views. Viewers for your blog would love to explore articles on your blog using this widget effectively.
1. Open particular Blog under Blogger
2. Click on Edit HTML (Before that take a back up of your template)
3. Now search for
<data:post.body/>
4. Above the searched string, paste the code below:
<b:if cond='data:blog.pageType == "item"'>
<div class='js-kit-rating' expr:path='data:post.url' expr:permalink='data:post.url' expr:title='data:post.title' view='score'>
</div>
</b:if>
In this way you can add Thumbs up widget just below your post titles. This widget will display only at post pages and not on homepage. If you wish to display it on homepage then simply delete the bolded lines. If you would instead like to add the Star ratings look/skin then simply delete view='score'.
5. Now search for
</body>
6. Above the searched string, paste the following code:
<script src="http://js-kit.com/ratings.js"></script>
7. Now save your template and all done!
Now users can visit any of your post and click the ratings to either Thumbs Up and Thumbs down the post.