How to Add Thumbs Up Voting Widget In Blogger

If you want to know your blog's popularity and likeness, all you need to add thumbs up voting widget in your blog. Each day millions of bloggers are writing millions of articles on their websites and blogs and they set some proxies to check their results, such as Thumbs Up, Facebook Likes and through comments. Thumbs Up voting widget is a great widget to know the likeness and dis-likeness of your blog posts. Adding this widget is quite easy, all you need to add a simple javascripted code on HTML of your blog's template.

Step 0- Always Backup your Template 

Step 1- Select your blog and click on "Templates" and "Edit HTML"

Step 2- Click inside the code area and press "CTRL + F" for search box, and search 

 <data:post.body/>

Step 3- Paste code "Above"   <data:post.body/> Tag

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

Now it will display thumbs up voting widget icon on each and every post except home page. If you want to visible thumbs up icon on home page, then all you need to delete bold wording on the code. Or if you want to add star rating icon, just delete view='score'

Step 4- Now Search </body>

Step 5- Just above </body> paste below code

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

Step 5- "Save Template" It's all done. Now you will see voting widget icon blew each post.