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 .
{[['
']]}
']]}



Perfect !
ReplyDeleteThanks for the widget :)
I really liked it
yeke boleh ker
DeleteGraddit is not just ratings. You also can build "most viewed" and "related" widgets based on gathered information.
ReplyDeleteCool one!
ReplyDeleteOh, mine turns out at top of the post!
ReplyDeletehttp://www.gameloo.info/2012/05/street-fighter-x-tekken-skidrow.html
ill try this on one of my blogs http://thetonerexpert.blogspot.com
ReplyDeletetried on my blog http://allmytutorials.blogspot.com and it looking very beautiful thanks
ReplyDeletehow to edit css to small view.
ReplyDelete> how to edit css to small view
DeleteIt relies on graddit.css file that you include. Take that file, change it, put on some free hosting and use instead default one.
Thank For Tutorial
DeleteThank you so much...! :)
ReplyDeleteThank for this tutorial,
ReplyDelete#Greetings from me, by admin Tutorial Blogz
How can I add it below my entries?
ReplyDeleteAdd this bellow :
Delete<data:post.title/>
Is this gives your blog a SEO effect, Bro?
ReplyDeleteit doesn't give you any SEO effect ^^ Just for reader to rating your post. Google can't read this rating information.
DeleteNow 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.
DeleteOh, thanks for your information.
Deletei also want to show this star rating in Home Page (url=http://hackeroom.blogspot.in/) of my blog url=hackeroom.blogspot.in
ReplyDeleteplease comment me there or contact me... thnx...
Please follow my instruction above or tell me where you get stuck ? I can not help when everything is written above.
Deleteit'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
ReplyDeleteThank you.. It's a very usefull tip!..
ReplyDeletedoes this also works with phonemag?
ReplyDeleteyou should test yourself. But I think it's ok.
DeleteI dont know why its not working for me...Can you help me out ?
ReplyDeletehttp://itsmywalls.blogspot.in
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.
DeleteHello,
ReplyDeleteYou can also go here: http://rating-widget.com/
It's more simple.
It used to work on my site but now I can't see it anymore: http://www.hostingrants.com/. Please Help.. :(
ReplyDeleteThe graddit is down.
ReplyDeleteOh, Contributor Tt, long time no see you commenting here.
DeleteYes, 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.
very nice,,, tnx
ReplyDeleteIt grades the same for all posts!
ReplyDeleteThat possibly means you took a wrong code (Generic instead of Blogger) or put it in a wrong place. Please follow the instructions carefully.
Delete