How To Add JS-Kit Rating to Blogger

Posted by Lasantha Bandara File Under : basic, java script, widget 14 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.

14 thoughts on “How To Add JS-Kit Rating to Blogger

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

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

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

  4. 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!!

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.