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

Check Out This Popular Posts

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

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

gravatar
Sheik
on October 18, 2008 at 6:19 PM  

HI Amith ,

Yes you can write about this hack in your blog.

gravatar
Softpump
on December 16, 2008 at 6:24 AM  

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

Aditya

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

Thanks

gravatar
Leo
on January 30, 2009 at 2:48 PM  

where a have to ad that code?

gravatar
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.

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

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

gravatar
Imprenta Pronto
on February 20, 2009 at 5:41 AM  

ditto for me wazzupweb...

gravatar
masry
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

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

Post a Comment

Custom Search
Web Analytics