Add Thumbs Up Rating Widget To Blogger Blog

Thumbs Up Rating Widget is used for voting of post. This widget was developed by Js-kit and rate each post individually. It counts the total number of thumbs up or thumbs down for each of your blog posts. The visitor just needs to click his rating option and the count will be incremented automatically. This widget also shows four tabs which displays the likes made by the visitor himself and also shows popular topics under the Hot/Top tabs. Adding this to blogger platforms is very simple ,and free and you don't need to register to add this widget . Moreover it is light weight and does not make web page load slow and by adding this widget , you can easily get instant feedback by your readers. Thus, rating posts is another cool way and alternative to commenting.The best place to put this widget is under the post title. You can add this widget to your Blog with quite simple steps.

Read Also: 5 Star Rating Widget For Blogger

Thumbs Up Rating Widget Demo

LIVE DEMO

How To Add Thumbs Up Rating Widget To Blogger

• Go to Blogger Dashboard 
• Click on DropDown Menu and select Template
• Backup your Template before making any changes to your blog
• Now Click on Edit HTML --> Proceed --> Expand Widget Templates
• Press Ctrl + F and search the code shown below

<data:post.body/>

• Now Paste the Code Shown Below just above/before it

<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 BLUE lines
• Press Ctrl + F and search the code shown below

</body>

• Now Paste the Code Shown Below just above/before it

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

• Now Save Your Template

Like it? Share it.