How To Add 5 Star Rating Widget To Blogger


Getting positive feedback from visitors and blog readers enable you to get fame.The Stronger your feedback is the more your blog visitors will be happy.5 Start Rating Widget is an awesome source of getting feedback and Positive response from your readers,this widget show 5 stars at the top or below the blog post,where one can rate your blog article.This Widget also show the total number of views of the article along with the number of votes.You can rate an article by Selecting and Clicking the 5 stars at Once.Actually this Blog has no effect on Blog Loading Speed.

How To Add 5 Star Rating Widget To Blogger


  • First of all Go To Blogger Dashboard
  • Then Click On Template >> Edit HTML
  • Now search for </head> tag
  • After Finding the Head Tag Copy the below Script and paste it just above it or before it.

<link type="text/css" rel="stylesheet" href="http://static.graddit.com/css/graddit.css" />

  • After Implementing the above steps search for this Code <data:post.body/> 
  • Now Copy the Below Code and paste it just above/below <data:post.body/>


<b:if cond='data:blog.pageType != &quot;static_page&quot;'><div expr:id='"labels_" + data:post.id' style='display: none; visibility: hidden;'><b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><data:label.name/>,</b:loop></b:if></div>Rate this posting: <div expr:id='data:post.id' class='ffbs_rate'>{[[&#39;&lt;img src=&quot;http://static.graddit.com/img/star.png&quot;/&gt;&#39;]]}</div><div expr:id='&quot;ffbs_stats_&quot; + data:post.id' class='ffbs_stats'></div><script type='text/javascript' expr:src='&quot;http://www.graddit.com/rate/eng/5/&quot; + data:post.id + &quot;?id=&quot; + data:post.id + &quot;&amp;stats=ffbs_stats_&quot; + data:post.id + &quot;&amp;labels=labels_&quot; + data:post.id + &quot;&amp;info=info-&quot; + data:post.id + &quot;&amp;info_delay=2&amp;url=&quot; + data:post.url + &quot;&amp;class_star=ffbs_star_img&amp;class_star_set=ffbs_star_img_set&amp;class_star_vote=ffbs_star_img_vote&amp;views=yes&amp;votes=yes&amp;average=yes&quot;'></script></b:if>

  • Hit Save Template and that's it 

Important to Note

This Widget Provide two option i.e you want to show it before Blog Post or below Blog Post,Actually i will prefer the below section because when readers read your article at the end they decide how was the article.So for adding it Below the Blog Posts Copy the Above Script and paste it below <data:post.body/>,and if you are interested in showing it above the Blog post so do the above steps and paste the copied script above <data:post.body/>.
-If you are using Magazine Style Blogger Template or Responsive Blogger Template,then you have to Copy the above Script and paste it below/above <data:post.body/> as many times as it is in the Template HTML.

So What's Up:- This Widget can impress your blog readers but if you have a good feedback,however it doesn't slow down the blog loading speed,Stay Blessed,Happy Blogging.
SHARE

Iftikhar Uddin

I am a Web Developer,Graphic Designer,Blogger Wizard,WordPress Samurai,Code Engineer,SEO Guru,Software Engineer and food hunter.

  • Image
  • Image
  • Image
  • Image
  • Image
    Blogger Comment
    Facebook Comment

49 comments:

  1. Great widget.. It's really unique for me.
    Keep it buddy!

    ReplyDelete
    Replies
    1. Thanks Ankit For Stopping By ! Keep visiting Our Blog!
      Ifti

      Delete
  2. This widget now allows showing stars rich snippet on Google SERP. Check this article for instructions.

    ReplyDelete
    Replies
    1. Just wanted to let you know that this widget is not only for ratings, it can do more: it can display rich snippet on Google SERP, it can show most popular articles based on given votes, with Graddit you can cross-link your blog articles more effectively, just check it's home page for details. Not giving links this time.

      Delete
  3. Was working fine earlier today and now all of the sudden the stars won't show up.

    ReplyDelete
    Replies
    1. hey GameSaga its working Perfect Check the Demo :)
      Ifti!

      Delete
  4. Nothing Happen Dude http://go-downloades.blogspot.in my email id thegameshop18@gmail.com

    ReplyDelete
  5. Hey! There are 4 tags :(
    What to do now??
    help please!

    ReplyDelete
    Replies
    1. @Fiction in the usual templates there are 3 to 4
      most and more often it is the second... the best thing is to back up your template and try it..so nothing to worry..goodluck bro..

      Delete
  6. hey hi i dont no whats wrong its not coming please help i was searching for this very long
    would really appreciate yur help thank you
    my blog: www.worldforphone.blogspot.in

    ReplyDelete
  7. Hi iftkhar its not working what is problem ??

    ReplyDelete
  8. check this this new site and is working properly on blogger http://star-rating-widget.com/

    ReplyDelete
  9. This is the widget i'm looking for, but i can't add this to my blog. the template not showing your rating widget :( www.meavoo.com

    ReplyDelete
  10. Great widget.. It's really unique for me.
    Keep it buddy!/....

    ReplyDelete
  11. hOW LONG IT TAKES TO GET LOADED THIS STAR RATING LINK OVER THE WEBSITE??

    ReplyDelete
    Replies
    1. @Rahul Suresh , On my 2 MB internet Speed it takes only 3 seconds to load :)
      Reagards,
      Ifti!

      Delete
  12. This did not appear in my blog can you please tell me why?
    I had followed as you said.

    ReplyDelete
  13. http://brother572.blogspot.com/

    Online Earning,Blogging,Seo,Training
    Coruses,Games,Software,Mobile,Tips and
    Tricks,Hacking and More

    ReplyDelete
  14. Free Play Truck Loader 4 Game Online, http://zootgames.blogspot.in/2013/11/play-truck-loader-4-online.html

    ReplyDelete
  15. Thank You dear Its working 100%
    http://acoolcars.blogspot.com/

    ReplyDelete
  16. not working here http://magazine-novel-ebooks.blogspot.com/

    ReplyDelete
  17. Hi Iftikhar uddin !

    I follow all steps but it is not working ! ;( Please help me.

    ReplyDelete
  18. Great.. Its probably a cool stuff for my latest blog : http://www.best10ofall.com/ ..any way i have a doubt.. Does this widget stay alive when we changes our template??

    ReplyDelete
  19. thanks man really helpful you are the best in these keep up the good work
    regards best blog widgets

    ReplyDelete
  20. This does not work. And if it was so good anyway, why aren't you using it on your own blog?

    ReplyDelete
  21. Hello sir the code is not working on my blog can you help me please ?????
    http://www.bloggersbeep.tk

    ReplyDelete
    Replies
    1. Aqeel Brother the code is working perfectly , what kind of error you getting mention it in the Comments we will answer you :)
      Regards,
      Iftikhar!

      Delete
  22. i installed it correctly but its not showing the rating on my posts

    ReplyDelete
  23. hello dear .. Iftikhar Uddin .. its really great widget what i am looking for ..
    but sorry to say its not working for my
    Storyblog & not showing any star rating
    i got 3 times this code & i tried with every before & after but not working
    can you tell me where is the problem .. i am using Custom Domain & template
    if you have time help me please

    ReplyDelete
  24. Hi - Is it possible to remove the little ad and pop up box from widget?
    Thanx for a great widget :)

    ReplyDelete
    Replies
    1. Ann There is no add in this widget , it's free !
      Iftikhar

      Delete
    2. When I hoover over the stars I get a little grey box with stats AND a small ad with a headline saying AD - And when I click the little image (with the headline saying AD) I'm linked to an other site. Mayby you just have an other name for it?

      Delete
  25. This widget would be great if it didn't have ads. http://i60.tinypic.com/261ywkg.jpg

    ReplyDelete
  26. well really cool widget going to use at http://www.valentinesdayideasforhimher.com/

    ReplyDelete
  27. Hello!
    Nice article, but even nicer comment section! I like it design, and also, the fact that people can actually reply one to each other in the Wordpress style. Very interesting and impressive! Would you be kind to share the secret? ;-)

    ReplyDelete
  28. mine working fine see
    👇
    (http://goo.gl/psjBgz)

    ReplyDelete
  29. Just added this widget to my blog, it's awesome !!!
    http://pharmacyhelps.blogspot.com/
    http://itnews-solutions-tips.blogspot.com/

    ReplyDelete
  30. Comment section of this blog is very nice. Is there any article on updating the comment section in blog?

    ReplyDelete
  31. Thank You you are a Legend, This works well

    ReplyDelete
    Replies
    1. I take that back it has ads thought it was to good to be true. Thanks for wasting my time.

      Delete
  32. Not Working for my blog bro...is there anything to change in the code..??

    ReplyDelete