Thursday, June 26, 2008

New Feature: Star Ratings

With our new Star Ratings feature, your readers can easily rate your posts or the things you post about — from one star to five stars with a single click, right from the post footer.

Think of Star Ratings as a mini-poll for each of your posts. If you blog about fashion, food, crafts, quotes, or art we think this will be particularly useful to you.

To enable Star Ratings, log it to http://draft.blogger.com/ and go to your Layouts page. From there, click the “Edit” link for the Blog Posts page element and then check the “Show Star Ratings” checkbox.

You can customize the location of the stars within the post by dragging the preview around in the “Arrange Items” box.

Additional Notes
  • This is a Layouts-only feature. If you’re using a Classic template you’ll need to upgrade to Layouts to add Star Ratings.
  • The star ratings widget should blend seamlessly with most solid-colored blog backgrounds (one exception is Rounders, where the edges of the widget will be visible via a color change). The text and background colors for the ratings are taken from the following skin variables:
    • Foreground: textcolor, textColor
    • Backrgound: mainBgColor, bgcolor
  • If you have customized your blog widget’s template you may not see the Star Ratings. You will need to either reset your blog widget’s template or copy the Star Ratings code from a fresh template.
What do you think? Leave a comment, or just rate this post!

126 comments:

David said...

I've really been looking forwards to this feature. The one suggestion I have for improvement is a dashboard feature showing the highest rated post(s). It should be relatively simple to even add a widget which shows the most popular posts. Otherwise, great job

André Benjamim said...

I've already added...

Faizal said...

i am waiting for this!

Gô! said...

But, how can I figure out the code for this "most wanted" feature?

I want this too, but I want in my on template

TC said...

Hmmm how about a feature for this inside the blog post so that when I write a review I can post star ratings on something?

[ Gman ] said...

I cannot make this feature visible on my blog
I check the check box, drag star rating next to timestamp. But it doesn't appear.
please help me
http://gman-blog.blogspot.com

darnellclayton.com said...

Thanks Blogger! My only request would be an ability for users to see the "average rating" for all of the rated posts (and post a widget on their sidebar reflecting that).

As well as the most popular rated ones.

Ryan R. Erickson said...

I can't get this to work at all... on any of my blogs. i.e. www.ryanerickson.com

Xue said...

I can't make this or the new comment form work at any of my blogs. What's wrong? My blog is paasykoe.blogspot.com

surftheair said...

it seems that the rating gadget doesn't display in browser like Opera and Firefox

Andy said...

Nice feature, it should help to get at least the minimum feedback from those who don't dare (or don't know) how to write a comment. But in the blog templates with a background image it does not look good, e.g. in the Scribe template I use. I will try to play with the background color instead, maybe that'll improve it a bit.

Aryan said...

Brilliant addition
But we need a widget to go with this that can pick off the popular high rated posts and show on the sidebar
How would it work
1) Most highly rated posts
2) Also add some feature to pull high rated posts over some period(last 3 months say)
The above will be the perfect value addition we need.

toomanytribbles said...

it's not working. sniff.

i have a custom layout and i need help to replace the widget code.

Mind Booster Noori said...

Yup, this thing doesn't work on my browser (Seamonkey).

Flisha said...

It's not working on my site either, Firefox OR IE. :(

My blog is randomdetox.blogspot.com

Yael and Kelly DEFAYE said...

Not working on mime either with a sample and easy blogger template from blogger.
I'm using firefox 3 and ie7.

Aryan said...

I believe it shows up after your full page hasa loaded?

Jeff said...

Not working on mine in any browser. badasscat.blogspot.com

Nameless said...

Can't see any stars on Fx3 and IE6. Perhaps you should let us know what the code look like? I have no idea how to copy it from a "fresh template"...

darnellclayton.com said...

Hey everyone!

If you are having problems with inserting Star Ratings within your custom blogger blog, I have a quick solution (with images to help!) which you can find over here.

~Darnell

Yael and Kelly DEFAYE said...

Thanks Darnell, it works... wonder why google didn't tell us that.

Yael and Kelly DEFAYE said...

I guessed they said it, but I didn't understand them... sorry google. We're still friends? Right?

Yael and Kelly DEFAYE said...

I'm leaving a lot of comments here, how do you customize? I have seen what google said in the post, but I'm not an expert, so can someone help, please?

darnellclayton.com said...

@ Yael and Kelly: Are you referring to customizing your template?

If so, just do a google search for "blogger xml skins" or you can just check out over 100 excellent skins on Amanda's Blogger Buster (highly recommended!)

Bloom said...

Darnell thanks for taking those of us experiencing problems with the star rating system through all the steps ... as soon as I get enough nerve to fool with my template I'll give it a try.

CIAvash said...

very good. but outbrain.com has better look.
make more styles and let bloggers select from them.

GG said...

it seems not working well on firefox.it makes the blog loading forever!@@...

100tek said...

I'd like to have this feature in other languages and more good looking. For example, I appreciate the style of tha star-ratings inside Google Groups.

CIAvash said...

is there any place for viewing rating results(stats)?!

z-vet said...

Thanks CIAvash, your tip about outbrain.com is great. It looks nice, integrates into layout much better and installs in two mouse clicks. They have a FeedFlare too!

Michel En La Red said...

Y que paso con la opción subir video que anteriormente aparecia en la barra de herramientas del editor de entradas?

Vinayak said...

Hi,
I was having problem activating this feature too.Then I remembered an old and simple solution. Instead of resetting all the widgets…just reset the one that we are modifying.
Here is how to make Star Ratings work for customized Blogger.

Calvin said...

Please, also we need a widget in the sidebar to show the highest ratings post.

Thanks!!!

Zach said...

Why not merge the 10-stars into 5-stars like on YouTube?

Anonymous said...

I have had to stop using star ratings after it caused my copy of Firefox 2.0 running on Mac 10.5.3 to repeatedly hang. My template has not been customised. It's a pity because I liked the feature, though it would be nice if there was somewhere to view summary statistics. I have over 600 posts and I don't want to check each post individually to see how it has been rated.

Arbitrucho said...

Here http://www.darnellclayton.com/2008/06/blogger-fix-inserting-star-ratings-for.html?showComment=1214740320000#c1696764010235567162
Darnell explains how to show the stars but you reset all your widgets, what if I want to keep my customized widgets and show the stars=?¿?¿?¿?¿?¿??¿¿?

Ivan Pepelnjak said...

Great feature. However, it repeatedly hangs Firefox 2.0.0.14 (I'm using star ratings in combination with per-post script from Feedburner).

Flisha said...

I have a customized Blogger template, the star ratings didn't work before. I edited my template and was able to insert the star rating into my blog. Here's how I did it if it's any help to you:

http://randomdetox.blogspot.com/2008/06/how-to-place-star-ratings-in-your.html

Mayuresh said...

I think this control needs work in terms of it's appearance. I tried adding it in the in the first line after the post body, but it's lot taller and seems to mess up the look. Had to abandon it.

Gô! said...

It don't work for my test-blog too. I think that I will try again in next weekend.

I want this working in Firefox

And i would love this features that every body is talking about (general ranking at side bar)

Pure_BY said...

This is a nice feature!

What I personally think — it would be much better not to have star ratings from 1 to 5, but just [+] [-] buttons. If someone likes a post — he (or she) just pushes the [+] button, if not — the [-] button.
This is much more simple for a visitor to deside. I hate rating anything with the stars method — I do not like to think about how good this post was towards the others, I just like to express that I like the post. As for me — I will never rate any post with stars system.

Just give us +/-! ;-)

Yael and Kelly DEFAYE said...

I was asking how to customize the star rating, like changing the color background and so on.
But thanks for the link with all the template.

Bill Drew said...

Not displaying in my blog - babyboomerlibrarian.blogspot.com even though I selected it in the draft interface.

Yael and Kelly DEFAYE said...

I found how to customize the star rating, I was missing some elements from the CSS. Just read here: http://thebluecomet.blogspot.com/2008/06/star-rating.html

Anonymous said...

Not working here either. Please help.
http://www.mensunderwearblog.com

DIAMONDKT said...

Enabling Star Ratings didn't work for me either at first. So I figured out a workaround.

Instead of resetting your widgets (which could potentially mess up customization tweaks you did to your blog), just add the Star Rating code...

You'll have to contact me if you need it because Blogger in Draft won't allow me to copy/paste the code into the comment section here. Sorry.

Anurag Bansal said...

Star-ratings has built a little bit of interactivity on each post. I think this is a very cool feature.
I was not getting star ratings on my custom theme enabled blog, but ultimately I got it working. I have written a small how to if anyone wants to add star rating and hasn't already done so:
http://www.knowliz.com/2008/07/how-to-add-star-rating-to-custom.html
Hope it helps.
Thanks
Anurag Bansal

Anonymous said...

It causes Firefox 2 to hang.

Dinorider d'Andoandor said...

I can't use that star thingy on my blog either.
Cool feature anyway

http://dinorider.blogspot.com

FlashCreations said...

Cool! Will this feature remain on my blog even if I log in through blogger.com????
http://flashcreations-faq.blogspot.com/

lenielmacaferi said...

Hi everyone,

I followed the advice of darnellclayton.com (see comment above) and got it working on my blog.

I had a customized template and so the Star Ratings widget didn't work at first. I had to backup my customized template and click on "Revert widget templates to default". After doing this I got the code that has to do with the Star Ratings widget and placed it on my customized template.

One thing that must be clarified is that you must wait the page to load so that the Star Ratings widget appears.

Leniel Macaferi

JTB World said...

Here is how I solved to add Star Ratings to my blog.
http://blog.jtbworld.com/2008/07/how-to-add-blogger-star-ratings-to.html

Xue said...

This is really nice feature. I just hope that there will be a widget showing the best posts.

Dr. Internet said...

Thanks so much! Blogger rocks our of boundaries!!!

Anonymous said...

Is it possible to see this star rating in google reader?

Soon Hui said...

Guys,

the star rating is not showing on my blog: http://itscommonsensestupid.blogspot.com/

Malvinder Singh T Virdi said...

Alway are in need and search of this .,
Excellent Blogger.,

But Only Wanted to Say.,
HTML Toolbar is must ., for bloggers.,

Anonymous said...

All questions and no answers. Are you there Blogger boys?

Manu said...

What about an iphone app?????

Mike Fan said...

I REALLY love this. However, this only shows up with a white background. Since a lot of blogs (including mine) like this feature implemented but have image [and colour] backgrounds, I would really like to see an option to customize the background image/colour via "configure blog posts" or by the ability/knowledge to change the background through "edit html" under "layouts". Thanks.

Uud a.k.a Yudha said...

thanks, i will use it. by the way, am i should login to draft.blogger.com?

dannyd said...

If people are voting the post is there anyway, maybe have a feed for the top postings that have the highest vote.

Boffill said...

i can't seem to add it on my blog.. i just hope that my template is not classic.. i'm afraid to change my template because if i do, a lot of settings will be affected.. can somebody help me with this??

http://www.boffillbernardes.com

David La Tache | photo said...

Thank you so much for all new features!

Gurpreet Singh said...

That's Great Will Help me to track my greatest articles

tamilpadhivugal said...

hi

This feture gives us real encouragement and can acess their writing skills

david said...

I tried out the star rating feature. I then thought better of it, so removed it. It has gone from the main page, but still appears on the individual post pages. Why?
(fauxblography.blogspot.com if you're interested)

Japanese whisky said...

Is it possible to enable this only for certain posts. I would like to use it for posting reader reactions to certain Japanese whiskies on my site, but only some of my posts are about particular whiskies. So I want this as an opt in/out feature on particular posts

Anne said...

I would love to have the ability to post a star rating on some posts, but not all. Is this possible?

blonde_blogger said...

на русском языке такой функции нет...перехожу на английский в преферансах :)))

wip said...

Not blinkin workin for me!

Sue J said...

Cannot get this to show up on my posts. I have ticked the box in Posts Layout and it shows it at the bottom of the page in the Arrange Elements bit, but does not appear on my blog.

ninevisions said...

I can`t make this star rating. I make all what has to do , and still doesn`t appear. Can you tell my why? My blog si http://ninevisions.blogspot.com

power/speed said...

AWE$OME!!!

W@Le3d said...

its great i always wanted this to be in my blog and now thanks to you guys i have it. its AWESOME

Open door to everyone... said...

Hope there will be more styles of stars to choose :)
Thx

Ryan said...

Will it ever be available for classic templates?

Singapore TV Programme 新加坡电视频道 said...

anyone know how to change the background of the star rating to match with the blog template?

Ozo said...

yep, outbrain worked great on my blog with background image, if you want it in every post make sure you go to Layout, Edit HTML, select the box to expand widgets, then do a search on the code for "div post footer" and after this line paste the code and you are done...
Good day

The Holleys said...

I love this feature so much but I just don't see it in my own template.

TC said...

Initially I added this and it worked just fine. It has since stopped working or even appearing on the site at all.

hartanta said...

you can change background color just add:
.star-ratings {
background: #f8f8f8;
}

Dmitry said...

Do not work.

FabioLundqvist said...

i love it !

admin@yellowturnip.com said...

Hi all,

In case you are having trouble with installation/customisation of the official rating widget, please feel to try out the rating widget service from http://www.yellowturnip.com/blogger.html

You can customize (colors/size),prevent duplicate rating, identify the city location of the raters and it lists the top rated blogposts in the sidebar of your blog.
---------------------------
admin@yellowturnip.com

TC said...

STILL doesn't work

ddjango said...

OK, guys . . .

you now know it doesn't work in firefox

can you give us a sense that you acknowledge this and where the fix is?

thanks

tmwwtw said...

i have added star ratings in my blog but the background is still white although i have change the variable and css.

<Variable name="backgroundColor" description="Post Background Color"
type="color" default="#E1F6F8" value="#E1F6F8">

.star-ratings {
background-color: $backgroundColor;
}

anyone can help me?

my blog http://wordpresstoblogger.blogspot.com

BadAss said...

How do i customize the star rating to work ONLY on some posts?

tmwwtw said...
This post has been removed by the author.
Fun Never Stops! said...

Please check i can't get this working !!

http://funnyzone4u.blogspot.com

Nicolae CIOBANU (jr.) said...

I tryed it and i got an error message. So it doesn't really work. I don't remember the error code, but I tried it on google help gropus - to no avail. :(

Alain-Christian said...

If I enable this will I be able to add let readers search or filter blog posts based on star ratings?

Sean said...
This post has been removed by the author.
Sean said...
This post has been removed by the author.
Anonymous said...

Hey, big surprise... This doesn't work in Opera. Google are strange people. NO way of contacting a real person (believe me, I've tried), pretty secretive and company policy is anti-Opera. This is getting tiresome.

Btw, I had to swith browsers to even POST this comment. So strike 'getting tiresome.' I am fed up!

Damien Abe said...

Its doesnt work at me!!!!
suck!!!!

Free Recipes said...

Is there a way to display the top rated posts in my sidebar?

Thanks,
Jane

Alain-Christian said...

That would be pretty incredible.

Anonymous said...
This post has been removed by a blog administrator.
Anonymous said...
This post has been removed by a blog administrator.
kevio said...
This post has been removed by a blog administrator.
pco said...
This post has been removed by a blog administrator.
chaeyeon said...
This post has been removed by a blog administrator.
情趣用品 欣怡 said...
This post has been removed by a blog administrator.
pco said...
This post has been removed by a blog administrator.
xingyitour said...
This post has been removed by a blog administrator.
xji4ek6 1j4 said...
This post has been removed by a blog administrator.
xji4ek6 1j4 said...
This post has been removed by a blog administrator.
Anonymous said...
This post has been removed by a blog administrator.
chenhsin66 said...
This post has been removed by a blog administrator.
情趣用品 欣怡 said...
This post has been removed by a blog administrator.
花蓮民宿 said...
This post has been removed by a blog administrator.
kevio said...
This post has been removed by a blog administrator.
商標打人 said...
This post has been removed by a blog administrator.
chenhsin66 said...
This post has been removed by a blog administrator.
小怡 said...
This post has been removed by a blog administrator.
Anonymous said...
This post has been removed by a blog administrator.
正享 said...
This post has been removed by a blog administrator.
租車公司 said...
This post has been removed by a blog administrator.
租車公司 said...
This post has been removed by a blog administrator.
★〃漫步〃★ said...
This post has been removed by a blog administrator.
★〃漫步〃★ said...
This post has been removed by a blog administrator.
★〃漫步〃★ said...
This post has been removed by a blog administrator.
Anonymous said...
This post has been removed by a blog administrator.
Anonymous said...
This post has been removed by a blog administrator.