How To Add Thumbs Up Rating To Blogger

This tutorial will show you How To Add Thumbs Up Rating Widget To Blogger. This Widget counts the total number of thumbs up or thumbs down for each of your posts.

THUMBS UP WIDGET DEMO

Live Demo

ADD THUMBS UP 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' view='score'></div>
</b:if>

• This code will display star rating only in Post Pages, if you wish to display it in Homepage then delete two Red 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