Star Ratings Widget for Blogger

28. Jun, 2008 15 Comments

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

</div>

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

   

- has written 98 posts on Techie Blogger


Visit Authors Website  |  All Articles From This Author
0
hits

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

15 Responses to “Star Ratings Widget for Blogger”

  1. Amith 18. Oct, 2008 at 7:32 am

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

  2. Sheik 18. Oct, 2008 at 6:19 pm

    HI Amith ,

    Yes you can write about this hack in your blog.

  3. Softpump 16. Dec, 2008 at 7:24 am

    dear rias
    can u plz tell me how to put recent comments in my blog also……..
    http://www.gamespump.blogspot.com

    Aditya

  4. Blog Wagianto 23. Dec, 2008 at 2:04 am

    Thanks

  5. Leo 30. Jan, 2009 at 3:48 pm

    where a have to ad that code?

  6. Brad Farless 03. Feb, 2009 at 1:22 am

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

  7. wazzupweb 03. Feb, 2009 at 4:38 am

    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!!

  8. wazzupweb 03. Feb, 2009 at 5:01 am

    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! :)

  9. Imprenta Pronto 20. Feb, 2009 at 6:41 am

    ditto for me wazzupweb…

  10. masry 20. Mar, 2009 at 12:57 am

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

  11. NiftySensex 16. May, 2009 at 3:25 am

    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!
    Thanx

  12. ravi 22. Jul, 2009 at 7:59 am

    pls i want top100 engg collegesin tamil nadu

  13. jdsans 17. Jan, 2010 at 1:31 am

    good for posts that are based on reviews

  14. james 16. Nov, 2010 at 12:20 pm

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

    http://on1placemovies.blogspot.com/

    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…

  15. Caesar 15. Apr, 2011 at 6:39 am

    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.

blogger tutorials, Blogger widget