Have you ever tried Blogger default star rating ? I tried several times and hard to make it work as I want . In internet , I found Graddit.com ,a star-rating system that work for Blogger . So in this post ,I will show you how to add them to blog. Maybe it useful for you .



1, Go to Blogger Dashboard -> Template - >Edit HTML

2,Add this code before </head>
<link type="text/css" rel="stylesheet" href="http://static.graddit.com/css/graddit.css" />
3, Go to Graddit.com . Choose a style that you want to apply . Click on Blogger link
A textbox appear with the code inside. Copy the code .

4,Back to Blogger Dashboard ->Template ->Edit HTML
Find the code <data:post.body/>
And paste the code you copied in step 3 before <data:post.body/>

5,In case you want to make star rating for a specific post , in step 3 ,click on Generic link .
Copy the code in text box .Go to Blogger post editor window ,choose edit HTML mode and paste the code in post content .

That's all .Save template and you can check the result .
I made a demo for this star rating in this post . You can see it work before deciding install or not .

{[['']]}



Share this post

Advertisement

36 comments

  1. Perfect !
    Thanks for the widget :)
    I really liked it

    ReplyDelete
  2. Graddit is not just ratings. You also can build "most viewed" and "related" widgets based on gathered information.

    ReplyDelete
  3. Oh, mine turns out at top of the post!
    http://www.gameloo.info/2012/05/street-fighter-x-tekken-skidrow.html

    ReplyDelete
  4. tried on my blog http://allmytutorials.blogspot.com and it looking very beautiful thanks

    ReplyDelete
  5. how to edit css to small view.

    ReplyDelete
    Replies
    1. > how to edit css to small view

      It relies on graddit.css file that you include. Take that file, change it, put on some free hosting and use instead default one.

      Delete
  6. Thank for this tutorial,

    #Greetings from me, by admin Tutorial Blogz

    ReplyDelete
  7. How can I add it below my entries?

    ReplyDelete
    Replies
    1. Add this bellow :

      <data:post.title/>

      Delete
  8. Is this gives your blog a SEO effect, Bro?

    ReplyDelete
    Replies
    1. it doesn't give you any SEO effect ^^ Just for reader to rating your post. Google can't read this rating information.

      Delete
    2. Now Google can read ratings information and show rich snippet with stars on SERP. More details: http://fruitfulbookmarks-en.blogspot.com/2013/04/star-ratings-rich-snippet-on-google-serp.html.

      Delete
    3. Oh, thanks for your information.

      Delete
  9. i also want to show this star rating in Home Page (url=http://hackeroom.blogspot.in/) of my blog url=hackeroom.blogspot.in
    please comment me there or contact me... thnx...

    ReplyDelete
    Replies
    1. Please follow my instruction above or tell me where you get stuck ? I can not help when everything is written above.

      Delete
  10. it's not working for me. I have 3-4 which one should i pick? my page is http://gasesti-de-toate.blogspot.ro. I need some help please

    ReplyDelete
  11. Thank you.. It's a very usefull tip!..

    ReplyDelete
  12. does this also works with phonemag?

    ReplyDelete
    Replies
    1. you should test yourself. But I think it's ok.

      Delete
  13. I dont know why its not working for me...Can you help me out ?

    http://itsmywalls.blogspot.in

    ReplyDelete
    Replies
    1. I see no rating script in your site. Pls check again. Btw, the server of Graddit had been down to upgrad new version before. If you install this script before, it couldn't work. So you can try again now.

      Delete
  14. Hello,
    You can also go here: http://rating-widget.com/
    It's more simple.

    ReplyDelete
    Replies
    1. More accurate link with step by step instructions: http://rating-widget.com/blog/star-rating-for-blogger/

      Delete
  15. It used to work on my site but now I can't see it anymore: http://www.hostingrants.com/. Please Help.. :(

    ReplyDelete
  16. Replies
    1. Oh, Contributor Tt, long time no see you commenting here.
      Yes, Graddit is down, I guess they are upgrading system. Last time, they did some tweak in system and it went down for almost a day.
      I hope they will come back because it's a good idea and business.

      Delete
  17. It grades the same for all posts!

    ReplyDelete
    Replies
    1. That possibly means you took a wrong code (Generic instead of Blogger) or put it in a wrong place. Please follow the instructions carefully.

      Delete
  18. Hi, I have been looking all over the internet for the rating widget but cannot seem to install any. Does it makes sense if I say I cannot find the code in my html? I have a recipe blog: http://vegetarian-delights.blogspot.in/ and installing a rating would be very helpful for my users. Thank you for any help you can provide.

    ReplyDelete
  19. how can i add this widget starting on my post i mean above on the post
    http://moviereeviews.blogspot.com

    ReplyDelete
  20. hi, I apply in my blog but it just show " Rate this posting" but no star image . PLs help me with this.
    my blog is : inspirationalvideo123.com

    ReplyDelete

Here are some rules for commenting on Simplex Design blog :
1, Search first ,then ask question. You will get the answer faster
2, All comments except spams are welcome.
3, Please make all requests in English.
4, Do not use generic titles such as Admin or Mod. This confuses readers