Star Ratings Widget for Blogger

28. Jun, 2008 13 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

Star Ratings Widget for Blogger

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 ,

Star Ratings Widget for Blogger

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

Mohamed Rias - has written 94 posts on Techie Blogger

I am Mohamed Rias , admin of Techieblogger.com. Basically I am Engineering student but still blogging is my passion. My areas of interest are HTML , CSS , Jquery , Javascript and PHP.

Visit Authors Website  |  All Articles From This Author
0
hits

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

13 Responses to “Star Ratings Widget for Blogger”

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

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

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

    HI Amith ,

    Yes you can write about this hack in your blog.

  3. Softpump Reply 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 Reply 23. Dec, 2008 at 2:04 am

    Thanks

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

    where a have to ad that code?

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

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

  7. wazzupweb Reply 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 Reply 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 Reply 20. Feb, 2009 at 6:41 am

    ditto for me wazzupweb…

  10. masry Reply 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 Reply 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 Reply 22. Jul, 2009 at 7:59 am

    pls i want top100 engg collegesin tamil nadu

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

    good for posts that are based on reviews

Blogger widget, blogger tutorials