How To Add JS-Kit Rating to Blogger

Add This To Del.icio.us StumbleUpon This Add to Technorati Digg This

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

Login To Blogger Go To > Design > Edit HTML.

and mark the tick box "Expand Widget Templates"

Now find (CTRL+F) this code in the template.

<data:post.body/>

Copy one of the code below and paste it immediately after above code.
This will add rating widget under your blog post.

If you want to add the rating widget under post title,
Then, find (CTRL+F) this code in the template.

<div class='post-header-line-1'/>

And immediately after it, Copy one of the code below:

Style 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>

Style 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>

Now scroll down to where you see:

</body>

Add below code just before it

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

Now click Save Template.