Blogger has added a Star Ratings  Feature for us. It helps the visitors to rate your blog posts using 5 stars :).  If you want to see a preview of how this looks, then go to this post page and try rating this post. I you are interested in implementing the ratings feature on your blog, then read on and follow these simple steps.

 

How to Enable The Star Ratings  Feature?

image

 

  1. Login to Your Blogger in Draft Dashboard at http://draft.blogger.com (May not be available in your regular dashboard)
  2. Go to Design > Page Elements and Click on the Edit Button near the Blog Posts Gadget and check the “Show Star Ratings” Optionimage
  3. You can Drag and Drop the “Star Ratings” and place it where you want.image
  4. Now if everything went right, then you should be able to see the Star Ratings Feature on your Blog. If not then read on. :)
  5. If it didn’t appear then don’t worry, That is because you are having a modded template. Just Go to the Edit HTML page under the Design Tab , Check the “Expand Widget Templates”  Option and locate
    <p class='post-footer-line post-footer-line-3'>

    Or if that is not there then find

    <div class='post-footer-line post-footer-line-3'>

    Or if that is not there then find

    <data:post.body/>

    and place the  following code  just below any of these lines[whichever is present in your template].

    <span class='star-ratings'>
    <b:if cond='data:top.showStars'>
    <div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='280'/>
    </b:if>
    </span>

    and Save the template

30 comments :

  1. Not workin On My Blog
    http://mobileplanet-waryam.blogspot.com

    ReplyDelete
  2. I do not have it working also ((

    ReplyDelete
  3. any method to increase the size of this star rating widget?

    ReplyDelete
  4. @Anonymous - no way i guess. I too agree that its too tiny

    ReplyDelete
  5. got to work, but gives white box around it which looks ugly as my blog's background is black.. So dropped it :(

    ReplyDelete
  6. cant see the star rating widget in page element section???... Is this bcoz of custom template... http://linkdesk.blogspot.com

    ReplyDelete
  7. @Sahil - login at draft.blogger.com and not at www.blogger.com

    ReplyDelete
  8. Thanks ... this worked well for me

    ReplyDelete
  9. Thanks this worked well for me. This is my website: http://www.dieterskitchen.com

    You'll notice that the star ratings are now there. Just follow the instructions step-by-step. I don't see how this article didn't help.

    ReplyDelete
  10. Thnx worked on my blog http://mylinesforyou.blogspot.com :)

    ReplyDelete
  11. i added the code the the correct place but it the ratings did not appear in my posts.... please help.

    my blog is set to private. would this effect it?

    ReplyDelete
  12. can we change the background color??
    thanks in advance

    ReplyDelete
  13. It worked on my blog .
    I like this widget.

    ReplyDelete
  14. It worked! THANKS!!!!!!!!!!!!!!!!!!!!!!!

    ReplyDelete
  15. Thank you for posting! I finally figured it out!

    ReplyDelete
  16. what is the actual difference between draft.blogger and blogger.com

    for me nothing is working.
    I m wondering what is the reason

    ReplyDelete
  17. I see the star rating feature on both draft.blogger and blogger dashboards - neither one of them are showing up for me. michiganonfoot.blogspot.com I also couldn't get the "back to top" feature to work either.

    ReplyDelete
  18. dint work for me too

    surprising !

    http://yazhinidhu.blogspot.com/

    ReplyDelete
  19. Anyone knows why it doesnt work? I found data:post.body/> and paste the span class='star-ratings'> .... Etc...

    Still can't find the star-ratings in Post editor. Anyone know why? Is it only some templates who can find it or how does it work..

    ReplyDelete
  20. thanks for all tips
    but it not working again

    ReplyDelete
  21. hi.

    I've tested and it works really good!
    THANKS!!!

    for who says to change background color: I can't use the background as style, and I put a literal '000000' for black color (is it number) and works fine.
    To put styles, i suppouse that you should do style="backgroundColor:000000..."

    for who has it don't working... be sure that you saved the template in the design mode or you will have nothing in.

    now my question: how to make a page with high rated posts? xD

    ReplyDelete
  22. It's not working for me. I tried it a few times and still nothing.

    ReplyDelete