Wednesday

How To Add "Thumbs Up" Rating Widget to Blogger

Posted By: Poketors - February 01, 2012
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.
How To Add "Thumbs Up" Rating Widget to Blogger
Image Credit : Google
Follow the 7 steps to add Thumbs Up Rating Widget  to your blog:

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 == &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>
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.

Copyright © 2010-2023 Poketors | The content of this website is copyrighted and may not be reproduced on other websites.| Email us at : admin@poketors.com.