Insert the “Post rating” to blog

To help readers mounted to blog, you can use a tool for acticle evaluation from JS-Kit. 5 stars is the highest rating for a post. This tool is written by Javascript and easily inserted to any template (if you have a little knowledge about HTML) as Blogger, Wordpress,… Because we often put it where you feel appropriate.

Here 's the simple HTML code:

<div style="float: left; margin: 5px;" class="js-kit-rating" title="Rate this post" permalink=""></div>
<script src="http://js-kit.com/ratings.js"></script>

For example, I have been inserted it to my Blogger:

I inserted it in the bottom of each post, beside the share buttons (Google plus, email, facebook…). If you ‘re using Blogger, you can follow some steps here:

Step 1: Login to Blogger Dashboard, choose “Template”, then “Edit HTML” (tick to Expand Widget Templates). 

Step 2: Search the code:

<div class='post-share-buttons'>

Step 3: Insert the rating code follow it:

<div class='post-share-buttons'>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class='js-kit-rating' permalink='' style='float: right; margin: 5px; width:100px; height:50px;' title='Rate this post'/>

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

</b:if>

(This code above is mean: if the post is in detail, the rating code will exist, not in home page)


It ‘s done. If you have an own hosting, you should download the script file in 'http://js-kit.com/ratings.js' and modify it to suit, and custom the rating code in any area on your website to appropriate.

(Translated from source "http://www.thuthuatblog.com/2008/03/thm-tin-ch-nh-gi-bi-vit-vo-blog.html")