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.

5 comments:

  1. Thanks for information

    ReplyDelete
  2. Step 7: Again scroll down to...what?
    Step 8: Add below code just before the tag...add what just before which tag?

    ReplyDelete
  3. its a mistake, i solved it.
    thanks Bill

    ReplyDelete
  4. As per given information about "Adsense tips" very informative. But I got Adsense approved before some days but there is no idea for improving adsense earnings. Please suggest me on my blog: seobiginners.blogspot.com.

    ReplyDelete
  5. please see My blog friends please please

    http://surya-jyothika-official-website.blogspot.com/

    ReplyDelete

Free Shipping on All Orders

Media Partner

rantop.com