Feb 9, 2012
Thumb Up Rating Widget For Blogger
This quick post is all about Thumb Up and Thumb Down rating widget for Blogger, it was developed by JS-Kit. This rating widget comes with counts, so whenever a visitor clicks on this rating widget the counts will be automatically incremented. It also shows four tabs which displays the likes made by the visitors, shows most popular posts and also displays stats of the each post under the Hot/Top tabs. It really seems to me very interesting and I would suggest you'll to add this rating widget to your each blog post and increase post popularity.
Live Demo
2. Make sure to take backup of your Template before making any changes to your HTML. (More Info On: How To Backup Blogger Template.
3. Now click on Expand Template Widgets check box.
4. Search for below code in your Template. More Info On: "How To Find A Code In Blogger Template".
7. Now search for below piece of code.
10. Check the rating widget by clicking Thumb Up or Thumb Down.
Need any help? use comment section for posting your queries....
Thumb Up Rating Widget Demo
Add Thumb Up Rating Widget To Blog
1. Go to your Blogger Dashboard click on ---> Design tab ---> Edit HTML tab.2. Make sure to take backup of your Template before making any changes to your HTML. (More Info On: How To Backup Blogger Template.
3. Now click on Expand Template Widgets check box.
4. Search for below code in your Template. More Info On: "How To Find A Code In Blogger Template".
<data:post.body/>5. Copy and Paste following code just Above <data:post.body/>.
<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>6. Widget will display only on post pages and not on Homepage. If you like to display widget in both post pages and Homepage then remove two lines highlighted in blue color from the above code.
7. Now search for below piece of code.
</body>8. Copy and Paste following script Above </body>.
<script src="http://js-kit.com/ratings.js"></script>9. That's It, save your template and see working rating widget under your blog post titles.
10. Check the rating widget by clicking Thumb Up or Thumb Down.
Need any help? use comment section for posting your queries....
About : Ravi Saive
Simple Word a Computer Geek and Linux Guru who loves to share tricks and tips on Internet. Most Of My Servers runs on Open Source Platform called Linux. Because it is usually free and allow me do geeky stuff such as Programming and Scripting with CLI (Command Line Interface).
Subscribe to:
Post Comments (Atom)
6 Responses to “Thumb Up Rating Widget For Blogger”
June 8, 2012 at 9:50 AM
if I can not find "", because I have a custom theme, how can I do? (hence I do not know where to put it)
June 9, 2012 at 2:26 AM
@alex026 - just find the this line of code <data:post.body/> in your template and past the above given code before it. if you not able to find the code in your template. let me add as a author to your blog, i will do it for you.
June 9, 2012 at 3:42 AM
June 9, 2012 at 3:45 AM
oups ... problem resolved
June 10, 2012 at 12:53 AM
done, I gave you the administrative rights.
June 13, 2012 at 12:45 PM
I forgot to say that this option must be activated "Expand Widget Templates" when you edited the html.
Post a Comment