Custom Search

Tuesday, May 4, 2010

Add Star Ratings to your Blogger Blog (Blogspot)

Good news for all those blogger who are looking for a free rating widget for their blog. This Free Rating widget.



Now you can add wonderful ratings to your blogspot site or Blogger site all you need to follow the instruction in this tutorials. So Read it very carefully

Follow the Steps:

Step 1: Log In to your blogger Account

Step 2: Select the blog where you want to add ratings

Step 3: Go to here dashboard–> layout- -> Edit HTML

Step 4: Back up your Template. (Don't know click here)

Step 5: Click on “Expand Widget Templates”

Step 6: Scroll down to where you see this: <data:post.body/>

Step7: Copy one of the code below (as you like) 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 of Code 1:









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 of Code 2:






Step 8: Again Scroll down to </body> tag.
Step 9: Add below code just before the </body> tag.

<script src="http://js-kit.com/ratings.js"></script>
Step 10: Save The Template and you Are Done.

Hope you like this tutorials. please share it with other and do comments.