Give 5-star rating for individual posts in your Blog

Wednesday, July 11, 2007

Rate This Post
Best way to sustain readership is to make it as interactive as possible. But at the same time we need to remind ourselves that the readers jude you posts in matter of minutes.. They scan your posts (before actually reading them) and then decide to read further. So if you can allow users to interact with your posts without any annoying popup and signup forms,.. then the 5 star rating system is something you need to incorporate
You may notice Some stars displayed at my posts.These are the Rating-stars. You may click on the stars to rate your opinion on the concerned post - Poor
- Fair
- Average
- Good
- Best


This script has been developed and deployed by the team at http://js-kit.com.Do drop by there..I am sure other scripts developed by them will impress you equally well.However..Instructions to use the 5 star rating system in blogger is as follows

  1. SAVE AND BACK UP YOUR TEMPLATE
  2. In TEMPLATE-EDITHTML - check the "Expand widget templates"
  3. Locate the <div class='post-header-line-1'/> and insert the following right after it (and before <div class='post-body'>)

  4. <div style='float:left; margin-right:10px;'>
    <div class='js-kit-rating' expr:path='data:post.url' expr:title='data:post.title'>
    </div>
    </div>
  5. So your final code should look something like this

  6. <div class='post-header-line-1'/>
    <div style='float:left; margin-right:10px;'>
    <div class='js-kit-rating' expr:path='data:post.url' expr:title='data:post.title'>
    </div>
    </div>

    <div class='post-body'>
  7. Locate the </body> in the template and add the following before it
  8. <script src="http://js-kit.com/ratings.js ">
    </script>

    </body>
Your appreciation is my motivationKindly linkback to this post as you recomend this 5 star rating feature to your fiends