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

Check Out This Popular Posts

11 Responses So far
on October 18, 2008 at 7:32 AM  

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

on October 18, 2008 at 6:19 PM  

HI Amith ,

Yes you can write about this hack in your blog.

on December 16, 2008 at 6:24 AM  

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


Blog Wagianto
on December 23, 2008 at 1:04 AM  


on January 30, 2009 at 2:48 PM  

where a have to ad that code?

Brad Farless
on February 3, 2009 at 12:22 AM  

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

on February 3, 2009 at 3: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!!

on February 3, 2009 at 4: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! :)

IP Studios
on February 20, 2009 at 5:41 AM  

ditto for me wazzupweb...

on March 20, 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

on May 16, 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!

Post a Comment

Custom Search
Web Analytics