How To Add JS-KIT Star And Thumb Ratings To Blogger? - Helper Blogger

Blogger Widgets | Templates | Tutorials

Latest

Tuesday 28 February 2012

How To Add JS-KIT Star And Thumb Ratings To Blogger?

Add JS-KIT star and thumb rating to blogger.This widget is provided by JS-KIT.com.By following below steps you can easily add these ratings to every blogger post.You can add this ratings in two types. 

  1. Below the post title 
  2. Below your post.
Here I am giving both types of ratings.
  1. Thumb Rating
  2. Star rating.
Now lets see how to Add these ratings to blogger.

How to add js-kit ratings to blogger?


  1. Go to Blogger Dashboard > Design > Edit HTML.
  2. Backup/download your template.
  3. And find this code <data:post.body/>
  4. Put one of the below code just after <data:post.body/>

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:

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:
  • Now find </body> tag.
  • Add below code just before </body> tag.

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


Now finally click on save template and you are done...

8 comments:

  1. Nice tricks, liked it. Implemented on my site http://cuteface24.blogspot.com

    ReplyDelete
  2. This comment has been removed by the author.

    ReplyDelete
  3. This comment has been removed by the author.

    ReplyDelete
  4. Followed instructions completely for the star rating and it did not work. Please assist. www.thesneakerreserve.com

    ReplyDelete
  5. thankyou! sir. it is very helpful for my blog http://celebritiespick.blogspot.com/

    ReplyDelete
  6. It worked.
    Thank you.
    http://yoncademirel.blogspot.com

    ReplyDelete
  7. I dont know why but its not working...will you help me out ??

    I tried every possibility..u can check at
    http://itsmywalls.blogspot.in

    ReplyDelete

If you want to be informed about any replies then check "Notify me" option (present at lower right corner of comment box and it will display if you are logged in to your google account). PLEASE DO NOT SPAM