How To Add JS-Kit Rating to Blogger

Posted by Lasantha Bandara on January 25th, 2010 File Under : basic, java script, widget14 Comments

This is a free Post Rating widget for your blogger blog.It is given by http://js-kit.com/.To add this beautiful Rating widget to your blogspot blog,follow the steps given below.

1.Log in to your dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see this:

JS-Kit Ratings

<data:post.body/>
 

4.Copy one of the code below and paste it immediately after the line <data:post.body/>.

Note : This will add rating widget under your blog post.If you want to add the rating widget under post title, add below code just after <div class='post-header-line-1'/> .

Code 1:

<div style="float:left; margin-right:3px;"></div>
<div class="js-kit-rating" expr:path="data:post.url" expr:permalink="data:post.url" expr:title="data:post.title"></div>

Result:
JS-kit rating

Code 2:

<div style="float:left; margin-right:3px;"></div>
<div class="js-kit-rating" expr:path="data:post.url" expr:permalink="data:post.url" expr:title="data:post.title" view="score"></div>

Result:
JS-kit rating

5.Now again scroll down to where you see the </body> tag.

6.Add below code just before the </body> tag.

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

7.Click on "Save Templates" and now you are done.

File Under : basic, java script, widget

14 Responses to “How To Add JS-Kit Rating to Blogger”

  1. Beben says:

    may we can put this trick after <div class='post-footer-line post-footer-line-1'>
    thanks bro...

  2. Vecini la bloc says:

    Please help me. I insert the code and it gives me "Element type "div" must be followed by either attribute specifications, ">" or "/>". How can I solve that?
    Thanks

  3. Dav7 says:

    is there a way to have a widget that shows the most voted posts ?

  4. Daniel says:

    thanks! got what I wanted!
    I do not speak English but translate the text to English Portuguese thanks to google translator

  5. Studio817.net says:

    thanks its work

  6. Evangeline says:

    does not work for me

  7. KingDom XXL says:

    Useful Thanks, and it Working...

  8. Anna says:

    How would you make this work in Tumblr?

  9. Gene says:

    > is there a way to have a widget that shows the most voted posts

    This one provides you with ratings statistics: http://all-rate.appspot.com/eng

  10. Douglas says:

    Is there a way to get the thumbs up to go away on the top of each post?
    So there is only one o the bottom of each post instead o 2 of them on the same post on the bottom and top on the same post?!

    Need Help ASAP!!

  11. Sundari says:

    Thank U Very Much.............it's really works!

  12. Body Kits says:

    Thanks for sharing this blog!

  13. Nina says:

    Great! Thanks you very much! Now I am using thins in my Blog: http://templatesfashion.blogspot.com

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.