Star Ratings Widget for Blogger

One of the disadvantages for authors who use blogger is that there is no rating/voting widget . Because of that authors don’t know how much the visitors liked their posts. After a longtime , now draft.blogger has found a trick . They recently posted that bloggers can now add Ratings widget on their blog through draft blogger .Let us see how to add ratings widget for Blogger,

Step 1 :

In layout section , under body layout click edit . A new pop-up window will open like this , here you need to check the

Show Star Ratings

If you are using template provided by blogger then you can see the widget after doing step 1. If you are using some other custom template then you need to add the following code below <div class=’post-footer-line post-footer-line-1′> or similar .

<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=’180’/> </b:if> </span>

by adding this code there , the star ratings widget will appear below each post. If you want to add it below the post title , then add the above code immediately below <div class=’post-header-line-1’/>let’s see how it looks ,

you can also add that code anywhere you want. if you want to add style CSS like padding , color , etc add

<div style=’padding-left:50px; and other CSS part ‘>

star- ratings code


Thats it , hope you guys will like this new star ratings widget. See you soon with a new widget .For future updates , subscribe to my blog

If you like this article , then please help us by bookmarking

15 Responses to “Star Ratings Widget for Blogger”

  1. Thanks for this hack….can i write about this in my blog..?

  2. HI Amith ,

    Yes you can write about this hack in your blog.

  3. dear rias
    can u plz tell me how to put recent comments in my blog also……..


  4. where a have to ad that code?

  5. I enabled it and added the code but it still doesn’t show up. Strange.

  6. why ? why? why?? i cant do it.. i cant find it.. im so confused.. please help me… btw, when i tried the first step, the star ratings doesn’t show, instead, “reaction” showed?? interesting, cool… i want stars.. please help me understand what to do… and kindly visit my site too.. if you have time.. i’m just a beginner.. btw, thanks so much for this post.. please help me. thank u soo much!!

  7. one more thing… if you will be bale to please visit my site.. please give me tips on how can i improve my blog.. please!!!!!! i know that u can help me.. i know that u are kind.. please help me.. please.. God bless! 🙂

  8. ditto for me wazzupweb…

  9. thanks alot
    but can i change the white background while i added the css which u said but it affect under the whole panel

  10. This thing is not working on blog.
    Well I might have made some error or there is something more to do then the 2 steps u mentioned!

  11. pls i want top100 engg collegesin tamil nadu

  12. good for posts that are based on reviews

  13. hi, I m facing problem when i paste the above code in my blogger html source…

    The Error Message Comes as

    “Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
    XML error message: Open quote is expected for attribute “{1}” associated with an element type “class”.”

    Please Solve my problem…

  14. James, same problem here. But i found the answer: fix the ”” in the code. Not `or´ just ””
    But the code still not working. I can´t see any star ou option in Editor.

Leave a Reply

You must be logged in to post a comment.