Free Blogger Widgets 2020
Home

Star Rating Widget for Blogger Posts

Free, easy to install plugin which display star rating system below each of your blogger posts and allow your readers to vote your content.

Free Star Rating System for your Blogger blog

Simple 5 Star Rating System for Blogger 2020
Installing the Star Rating System on Blogger blog is great way to let readers easily express their opinion. Visitors after reading your post often don't have enough time to write a comment about it, but if there is a star rating widget below that post, everyone can easily click the suitable star and in this way let you know what he thinks about the entry. Also, the rating average of each post can show it's quality to another visitors and encourage them to see it. So, using simple star rating gadget for blogger can give you many benefits and make your blog more attractive.

Update - A new way of installing the Star Rating Widget:

Due to the fact that this rating widget has become very popular, our firebase database is no longer able to fit all votes of all our users. Therefore, from now on, to use the gadget, you should set up your own free firebase database and connect it with star rating system. But don't worry - it's very easy to do and it's completely free. In addition, it gives you the ability to manage all votes if you want. Of course, everyone who already uses this rating system does not have to change anything - everything will still work the old way, but if you want you can also take advantage of new opportunities. We've created a new website where everything is thoroughly explained. A simple instruction on how to create your own database can be found here:And the Star Rating Widget Generator, thanks to which you can easily design the look and functionality of your rating system, you can find here:We wish you many high votes! ๐Ÿ˜‰

162 comments:

  1. Anonymous17.1.18

    Amazing widget, thanks! ;)

    ReplyDelete
  2. Bashina30.1.18

    All is working perfectly and installation was very easy.
    Good work.

    ReplyDelete
  3. Hai,thanks for the widget..how can i customise the star?

    ReplyDelete
  4. Really great widget....

    I found this Blogger widget for a long time.

    Finally I found it. Because you made it...

    You should have a Facebook Fan Page and a Facebook Group so that we can help each other and make a great community.

    ReplyDelete
  5. Why this Widget doesn't show in my this Blogger site: https://www.chatbotslistbd.cf

    I installed it properly...

    Anything need to change in my Theme's HTML code???

    ReplyDelete
    Replies
    1. This star rating widget didn't show on your site because you're using a modern blogger template and rating script couldn't determine in which place the gadget should be displayed. But I've already adapted the widget to your template and now everything works fine. Thanks for reporting the problem.

      Delete
    2. Yes, I re-added the widget and now it's shown...

      Thank you so much.

      Your widget is really great.

      Delete
  6. I added your this Widget to my this Blogger site: https://kajinur.blogspot.com

    It's shown on the Pages of individual posts: https://kajinur.blogspot.com/2018/11/test-post-4.html

    But it's not shown on the Index Page: https://kajinur.blogspot.com

    Please check that out and fix the issue.

    ReplyDelete
    Replies
    1. Ok, i've fixed it and now everything works fine

      Delete
    2. Glad to know that.

      Thanks.

      Delete
  7. Awesome widget. One thing though.. it's working when viewing individual posts and index page but it's not showing up at all when viewing (month) of archives. Could you change it so it works when viewing archives (month)? THanks a million

    ReplyDelete
    Replies
    1. Ok, I've fixed it. Remove this widget from your blog and install it again. Now it should work also on the archive page, but if it still doesn't work, give me the address of your blog so I can check what is wrong.

      Delete
  8. Hi,

    Thank you for this widget. How can I change the font of the text ? Is there a way to translate (into french) the "Thank you" and "vote" strings ?

    Regards,

    Gaรซtan.

    ReplyDelete
  9. Finally one that is working and no stupid ads !
    Thank you !
    I have a question: it is possible to view the rating stars on main page, bellow the posts, and not just inside the post ?

    ReplyDelete
    Replies
    1. Of course, this is possible and widget should work in this way by default, but you're probably using a custom blogger template and you have to do it a little differently than the instructions. I don't know the source code of your blog, so try find in your HTML Editor line <data:post.snippet/> and paste rating code below this line. If it doesn't work, find another repetition of this line and paste code below it. If it still does not work, place the rating code below line <data:post.title/>
      Good luck!

      Delete
  10. That's right, I use a custom template.
    None of what you said didn't work, but it went after i paste the code bellow this line: id = 'post' var = 'post'.
    Thanks again !

    ReplyDelete
  11. Hello, I tried it on a test blog. Looks great but how can I retreive the aggregated rating to build a correct schema (Recipe schema). Is it possible ? My purpose is to have this rating in the google search. Thank you for your help.

    ReplyDelete
  12. Thanks it did work :)

    ReplyDelete
  13. Hi the original code have advertises? Or is totally adfree, thanks

    ReplyDelete
  14. Do you know why it not work on my site? http://www.op-blog.de

    ReplyDelete
    Replies
    1. There is no rating script added on your site.
      I did the test by adding the script in an artificial way and works properly. But if you add a script again and something will not work, leave code on the page and let me know so that I can see what's wrong.

      Delete
    2. Works perfectly, however, is it possible to see statistics on some page?

      Delete
    3. Yes, paste the code below on the page where you want to view the rating statistics of all your posts:

      <div id="ratingStats"><h2>Rating stats:</h2></div><script>(function(a,f,r,t,n,s,q,v,c,y,k,j,i,g,u){var w=document.getElementById('ratingStats');var h=r[t](a,f)[t](/\./g,n)[t](/\//g,n+n);var b=new Firebase(g+'nz3xtmOvc/'+h);b[k](c, function(l){for(var x in l[i]()){var d=u*l[i]()[x][j];var e=l[i]()[x].nz3xtn0vc;w.innerHTML+='<li style="border-bottom:1px dotted black">'+x+' ('+y+': <b>'+d+'</b>/5, votes: '+e+')</li>'}})})('www.','',location.host,'replace','_','/','http://','blogspot','value','rating','on','nz3xtm0vc','val','https://blogger-star-rating.firebaseio.com/',5)</script>

      Delete
    4. Can you help me more? Do I have to change something in the code? Where exactly should the code be placed? My website is https://www.lovefortechnology.net/

      Thank you for your time.

      Delete
    5. You don't have to change anything.
      Create the static page on your blog, name it for example "Rating stats", turn content editor to HTML mode, and just paste code there, then publish page and thats all, there should be displayed all your posts by it's ID, rating average and number of votes of this posts. But if you wanna to display post titles instead of it's id, it requires a lot of changes in the code. you will have to load it with blogger api, because rating widget don's save titles, stores only posts id, rating average and number of votes.
      You can also show stats on your sidebar, to do it add a "HTML/JavaScript" widget and paste code to widget content.

      Delete
    6. I followed the instructions just like you told me, but as you see, no statistics are displayed (https://www.lovefortechnology.net/p/blog-page_28.html). If there is another idea I'm ready to try it. Thank you very much for your time.

      Delete
    7. I'm sorry, I forgot one important thing - you must also add a firebase to the head section:
      <script src='https://cdn.firebase.com/js/client/2.1.1/firebase.js'/>

      And of course in the page editor where you put code, in the right menu, click "options" and make sure you have checked "Show html literally" and "Use <br> tag" options.

      Delete
  15. great job guys. I just wonder if I can add the star rating applying on a cover of a movie. how can I do it ?

    ReplyDelete
  16. This become a great help! Thank you! But I've a glitch. This rating is not working on mobile template. Can you help me with this problem? How can I get this ratings work on mobile template? I'm using a simple template on blogger.

    ReplyDelete
  17. Anonymous7.5.19

    Hi Admin, I tried both Widget and HTML form. None of way it is working. Please help. I am using customized template. Thank you.

    ReplyDelete
  18. Anonymous7.5.19

    As I am using customized blogger template, i also used the code below
    and , but none is working. Please help. I really love it. Thank you.

    ReplyDelete
  19. thank you :) already used in http://www.bulmacacevap.com

    ReplyDelete
  20. Can you please help me? I want it just to appears at the end of each post, but it appears at Home and it is dupplicated at the end of each post.
    What Im doing wrong?
    https://www.sitiofitness.com/
    Can you please help me?

    ReplyDelete
    Replies
    1. You have added this widget twice - once in the Blogger html template, and the second time as a widget in the sidebar. This causes problems. Remove the widget with rating code from the sidebar and leave only the one you have in the html template. This should help. Let me know if there are any problems after doing this.

      Delete
    2. Ohh!!! I see... I just added the code twice... I just remove de widget with the code and problem solved...
      Thank you a lot :)

      Delete
  21. How can I hide stars from home here https://www.actualtravel.com.ve/???

    ReplyDelete
    Replies
    1. I see that you have already done, but in general, to display the star rating only on selected pages, you must put the rating code within blogger conditional tags. For example to display it only on individual posts and not on home page, it should looks like this:
      <b:if cond='data:blog.pageType == "item"'>
      RATING CODE HERE...
      </b:if>

      Delete
    2. Thank you... I hade the same problem, I have had added HTML code and Widget code, so I just removed the widget and problem solved...
      Thank you so much for your help :)

      Delete
  22. how to add views count when someone voted

    ReplyDelete
    Replies
    1. This widget does not have a views count option for now. Maybe in the future we'll add the views counter to star rating system.

      Delete
  23. Anonymous5.6.19

    Hi there, I like ur script alot am using it on my site https://www.katydurnford.com in the pages. Is there a way that the titles of the posts/pages can be including in the rating stats code please, if so what is it so I can add it in? As currently it just posts the rating with no heading of the post or page it is referring to. Regards Katy :)

    ReplyDelete
    Replies
    1. Yes, this widget identifies posts only by ID and does not save titles or URLs. But now, to show the statistics you can use the Top Rated Widget:
      https://starratingsystem.blogspot.com/p/top-rated-posts-widget-for-blogger.html
      In this case, you can show the titles of posts and other post informations like thumbnail, labels etc.

      Delete
  24. Anonymous9.6.19

    hello, how can I change the "you have already cast your vote, your rating is .."?

    ReplyDelete
    Replies
    1. Hi, add the following attribute within the script tag:
      blockingText="YOUR TEXT"
      (change YOUR TEXT as you like, the variable $userRating$ returns the rating given by this user in this place).

      Delete
    2. Anonymous9.6.19

      ok so that's well and it's working perfectly, thank you so much, but I refer to "the message being displayed in the black box" when you try to vote again. Is it a :hover effect?

      Delete
    3. No, this is not a hover effect, this element is shown for 4 seconds after clicking on the star and after this time it disappears.
      As I said, You can change it's text by adding the blockingText attribute, or make it not appear at all by setting this attribute to empty string (blockingText="")

      Delete
  25. Anonymous12.6.19

    Thank you for all the info bro, one more and I don't disturb you anymore. Is it possible to configure the widget for people can vote with half stars?; so if it's possible how and what do I have to do?

    ReplyDelete
    Replies
    1. No, it isn't possible with this widget :(
      The only thing you can do instead is to set twice as many stars

      Delete
  26. Anonymous15.7.19

    Hi tried it again under posts as instructed, but it doesnt show up. What am I doing wrong please and can you help to fix it?
    regards Katy

    ReplyDelete
  27. Anonymous15.7.19

    No worries I had to add it in again, now it is turning up yay! You can see it here at www.thespiritofthelight.com, click under any post labels on the right listed. Thank you so much :)

    ReplyDelete
  28. Anonymous15.7.19

    one more ? Is it possible to leave off the star rating on pages please? I only wish it to show on the poetry posts regards Katy

    ReplyDelete
    Replies
    1. Yes, You should put rating code in conditional tag that excludes static pages:

      <b:if cond='data:blog.pageType != "static_page"'>
      RATING CODE HERE
      </b:if>

      Delete
  29. Hello,
    thank you very much for this helpful widget.
    For me, when I adjust the settings, it show perfect in the preview, but when I put it in my blog it change.
    Words be like "(:ุชู‚ูŠูŠู…ูƒ) (Rating:) become (ุชู‚ูŠูŠู…ูƒ:) (:Rating)" and this it should be like this as in preview " 8.88 / 10 (77 ุตูˆุช) :ุฅุฌู…ุงู„ูŠ ุงู„ุชู‚ูŠูŠู… " but it become " 8.88 / 10 (77 votes) :ุฅุฌู…ุงู„ูŠ ุงู„ุชู‚ูŠูŠู… " note that I write it in Arabic and it shows the words without any problemes, just it change its place unlike in the preview it appear in it place.
    How can I fix this?

    ReplyDelete
    Replies
    1. Hi.
      The reason is the global setting on your blog that changes the direction of the text from right to left. Try to paste this line above the rating code in your theme editor:

      <style>#PBPSR_<data:post.id/>{direction:ltr}</style>

      Delete
  30. worked fine, but Pin it button keeps on hovering on the star images. How can i prevent it?

    ReplyDelete
    Replies
    1. Hi, add this rule to your css:

      srsstar .pinit-wrapper{width:0;overflow:hidden}

      Delete
  31. Anonymous30.7.19

    Hi where in the html do I add the code to hide it on pages please? I added the code just below data post body and it is still showing the star ratings on pages.

    ReplyDelete
    Replies
    1. Paste this line just above the rating code:

      <b:if cond='data:blog.pageType != "static_page"'>

      and then paste this just below the rating code:

      </b:if>

      Delete
  32. Anonymous30.7.19

    I tried the stats code again with the firebase url you gave, on saving the page it says the html tag is broken. Please can you mend it then give me the correct code for blogger. Many thanks.

    ReplyDelete
  33. Anonymous30.7.19

    Hi. I installed it on this theme and now it turns up with it saying I cant use widget with ratingname on same page all way thru the site. Site is here https://thespiritofthelight2.blogspot.com. How do I get rid of that as it was not an issue on other themes.

    ReplyDelete
  34. Anonymous30.7.19

    resolved the issue it was two codes in two places and it doesnt take the hide pages code :)

    ReplyDelete
  35. Hello this is a nice code, is there any way i can make the widget appear at the side bar but also inside the post pages. just like wikihow.com

    ReplyDelete
    Replies
    1. Hello, go to this page:

      https://starratingsystem.blogspot.com

      and generate rating code. Then paste this code on your sidebar in HTML/JavaScript type widget. Leave the code for the post rating in your HTML template, and you'll have a rating widget in sidebar and below posts.

      Delete
  36. Thank You

    It works well.

    ReplyDelete
  37. Thank You

    It works well.

    ReplyDelete
  38. This feature cannot be used on different pages, one user can only star different pages.

    maybe you have a solution, thank you very much

    ReplyDelete
    Replies
    1. Could you describe in more detail what is the problem? Because unfortunately I don't understand :(

      Delete
  39. Nice this is work, thanks verry much bro..

    ReplyDelete
  40. It's working great on my blog, thanks a bunch! Greetings from Greece!♥

    ReplyDelete
  41. This Rating show in Google Seach ?

    ReplyDelete
  42. amazing, interesting and informative article...
    thanks for it....

    ReplyDelete
  43. Hola amigo muchas gracias, logre ponerlo pero querรญa saber si se puede poner en la pantalla principal?

    ReplyDelete
    Replies
    1. Yes, try to put the star rating according to the instructions given here:

      https://starratingsystem.blogspot.com/p/blogger-widget.html

      Delete
  44. I did it this way: In the creation of the post, at the end of html, I pasted the text and it was ok, no need to edit the html code of the template.

    ReplyDelete
    Replies
    1. Of course, you can do it this way, but if you had many blog posts published and you would like to add this widget to each of them, then you would have a lot of work to do it manually

      Delete
    2. If you don't want to edit your html template, now you can also install star rating by simply pasting the code as a widget in your blogger's dashboard layout page. Check it on the following site:

      https://starratingsystem.blogspot.com/p/blogger-widget.html

      Delete
  45. hello.thank!
    https://github.com/g1s/blog.g1s.kr/blob/master/G1sBlog/widget/feeds/G1sPostList_v2.html
    This is a post widget.
    Are the stars visible in the widget?

    ReplyDelete
    Replies
    1. No. To show star rating here, you need to change the code of this post widget and add the rating code in the right place.

      Delete
    2. oh. thank!
      Top Rated Posts Widget For Blogger rating (rating average)
      If it's the same average, can it be sorted by number of vote?

      Delete
    3. Unfortunately it isn't possible at the moment, but in the future I will set this widget to work in such a way

      Delete
    4. ok Thank you for creating a good widget.

      Delete
  46. Thankyu, It works perfectly. My question, will it show in google search result?

    ReplyDelete
  47. Great! but the Block text change is not working on my site.

    ReplyDelete
    Replies
    1. After generating the rating code, find in it string:

      blockText

      and change it to:

      blockingText

      Then it should work.

      Delete
    2. Thanks. How can I remove the author comment link from the blogger comment system?

      Delete
    3. Paste this just above the </body> tag in your HTML template editor:

      <script>
      // <![CDATA[
      usunlink=document.querySelectorAll("cite[class='user']");for(var q=0;q<usunlink.length;q++){let profilink=usunlink[q].getElementsByTagName('a');if(profilink.length>0){profilink[0].removeAttribute('href');}}
      // ]]>
      </script>

      Delete
  48. Bro I added perfectly and it shows also but not counting please solve my problem
    Url - https://www.dealskidunia.in/2019/10/buy-supples-baby-pants-diapers-large-62-at-rs-535-from-amazon.html

    ReplyDelete
    Replies
    1. Try to install it exactly as it is given here:
      https://starratingsystem.blogspot.com/p/blogger-widget.html

      Delete
  49. Interested In Widgets5.11.19

    Hi There. The instructions above don't make it clear that the ratings don't average for each vote cast unless you set up the free Firebase database account. The code works fine, but the ratings are not stored in blogspot, so they need a database storage.

    ReplyDelete
    Replies
    1. Yes. To simplify the installation, I provide here my own, already configured firebase database. Until now it worked correctly, but recently, so many people have started using this widget and my free database has exceeded its limits, so the widget sometimes stops working. Now the best way is to use your own firebase storage with this widget. I will update the above instructions in the near future, but for now you can find all the instructions here:

      https://starratingsystem.blogspot.com/p/blogger-widget.html

      Delete
  50. finally i got star ratting for my blogger
    https://readrwrite.blogspot.com/
    thanks

    ReplyDelete
  51. hello sir how can i remove star rating widget in my blogger. www.cockm.in

    ReplyDelete
    Replies
    1. Hi, go to your blogger theme editor and remove the rating code you added when you installed rating widget

      Delete
  52. Hi,, I tried your widget but it is not working on my site https://mp3lyricslover.blogspot.com/ please help me

    ReplyDelete
    Replies
    1. Hi, the template you use removes additional scripts from the blog and prevents star rating from working. I think you could fix this by finding the following string in your template and removing it:

      o.sidebar.find('script').filter(function(index,script){return script.type.length===0||script.type.match(javaScriptMIMETypes)}).remove();

      Delete
  53. Hi!...Thanks man,,,,after deleting the o.sidebar...its working for me...appreciated your help...God bless...

    ReplyDelete
  54. Hi, I use this code this is Working fine but there is problem in every post only one rating show. For example when someone rate my post#1 "5 stars" then automatically in all posts ratings will increase "5 stars". How To put rating different.

    ReplyDelete
    Replies
    1. Probably the widget returns the same attribute "ratingName" for all your posts, but I dont know why, I would have to see your blog, if you can give me a link. Are you sure you added this widget exactly according to the instructions?

      Delete
  55. Nรฃo funciona!: https://prnt.sc/qzjc8e

    ReplyDelete
    Replies
    1. I'm not sure if this is the reason because I don't know your template, but many of modern blogger templates remove external scripts from the site and for several people this has already caused a similar problem with this and with other widgets. To resolve this, find in your template a part of the code similar to the one below and remove it:

      o.sidebar.find('script').filter(function(index,script){return script.type.length===0||script.type.match(javaScriptMIMETypes)}).remove();

      Delete
  56. I would like to delete widget from my template. But I dont know what happened after new Blogger Update, and my Template Code changed.
    Now I have this code:



    div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody description'>

    script align='center' async='async' blockingtext='You have already cast your vote, your rating is $userRating$.' bottomtext='Average: $average$ / $max$ ($votes$ votes)' emptystarimg='https://1.bp.blogspot.com/-pOr9XGwtSJc/Wsjf8ULOIqI/AAAAAAAAAKE/KBh-LUDIn0YzASKf-t7mQo8UNpdHhr2SgCLcBGAs/s1600/pusta.png' expr:ratingname='data:post.id' firebaseurl='https://freestarratingtuparadadigital.firebaseio.com/' fontfamily=''Trebuchet MS', Helvetica, sans-serif' fullstarimg='https://3.bp.blogspot.com/-QSNdWP4Ijx4/Wsjf7QOUZ4I/AAAAAAAAAJ8/F2nReVG5WfA1rLV3dGcAFMsPOnIQck4YwCLcBGAs/s1600/pelna.png' hoverstarimg='https://2.bp.blogspot.com/-RBgidB2Udbw/Wsjf7XxAJqI/AAAAAAAAAJ0/arOCBC7u9gsPPnEB4GBmqxCxmmIEBITdQCLcBGAs/s1600/najech.png' numberofstars='5' src='https://drive.google.com/uc?export=download&id=1_3EXmeXQzNkbuQ369vV4li-eLN1mGcOV' starsize='25' status='active' textcolor='#292929' textsize='15' thankyoutext='Thanks for voting' toptext='Rating:'/>
    div style='clear: both;'/>
    div>

    div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody description'>
    div>

    div>
    a class='readmore' expr:href='data:post.url + "#more"' expr:title='data:post.title'>
    Seguir leyendo
    i class='fa fa-caret-right'/>
    a>
    div style='clear: both;'/>
    div>



    div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='description articleBody'>



    ReplyDelete
    Replies
    1. Delete the entire rating script tag from this code (from "<script align='center'"... to ..."toptext='Rating:'/>")

      Delete
  57. Anonymous4.3.20

    Hi, the hide pages code did not work. I placed it under data:post.title and got it how I want now :)

    ReplyDelete
  58. Anonymous4.3.20

    well it stopped working for some reason and the star rating disappeared! Sp I searched for the old blogger posts install to blogger widget button and now it is back and not showing on the pages, which is what I wanted, but also how do I get it to show under the posts as well but not on the pages please?
    thank u for the nice scripts!

    ReplyDelete
  59. Anonymous4.3.20

    sorry for another post but I worked out what I did wrong! Your static_page code for leaving the rating off the pages worked! I had to put the code between the tags, and just upload it as it is under data:post.body :) Now I got it under the posts and not in the pages, and the old widget has inserted under the post titles as well! Yay! Many thanks xx

    ReplyDelete
  60. Hi, when i add this plugin, this also appear on my blog's pages. I wonder if i can set this plugin to post only? as you know that pages and posts are different in blogger.

    ReplyDelete
    Replies
    1. You should use the blogger's conditional tag. Paste this line just above the rating code:

      <b:if cond='data:blog.pageType != "static_page"'>

      and then paste this just below the rating code:

      </b:if>

      Delete
    2. Thank you.
      I have another question, how to change position of "(289 votes)" from bottom to beside stars?

      Delete
    3. This is unfortunately not possible

      Delete
  61. thanks youo, ... I love you hehe xD

    ReplyDelete
  62. Hello Admin,

    I had do this as you say. But the raring system is not showing in my blogger website. Please Tell me how to fix it.

    My website: www.bestchoiceproducts.tk


    Regarding,
    BCP

    ReplyDelete
    Replies
    1. It doesn't work because you are using custom blogger template, and because your site also changes the urls of your posts. Try to install the star rating system by the second method - at the bottom of the page you can find a field named "Rating Code". Copy this code, go to your blogger HTML template editor, find all repetitions of tag: <data:post.body/> there and paste the "Rating Code" below each of this tag.

      I also see that there is a problem with your firebase, so if after doing this the widget will still not work, try generating the firebase rules again and paste them into your firebase console again.

      Delete
    2. This Star Rating system is now showing in my site but can't get rating from my user...

      How to fix it?

      Delete
    3. In the rating code, change setting:
      "status" : "readonly"
      to:
      "status" : "active"

      Delete
  63. Hello admin,

    It worked when I changed my URL rewrite system, but I encountered another problem. When I rate a post on my site I open another post for rating. When it comes to rating new skulls I see that the rating of the previous post is also showing in this post. Can't rate separately.

    Basically, there is no separate rating for each post. All posts show the same rating.

    Please tell me how to fix this problem.

    ReplyDelete
    Replies
    1. This is because you are using a custom blogger template and the rating system cannot correctly determine the unique identifier of the post, so try to install it as i wrote above (26.04.2020), then it should work.

      Delete
  64. Anonymous13.5.20

    i installed the widget , stars are appearing but when somebody is casting vote , it's not visible .

    ReplyDelete
    Replies
    1. Can you give a link to your site? I'll check it

      Delete
  65. how to integrate this star rating to google rich snippet so the star rating can appear in search engine

    ReplyDelete
    Replies
    1. Unfortunately this is not possible now

      Delete
  66. Hi, I followed all the instructions given (https://starratingsystem.blogspot.com/p/creating-free-firebase-database.html). The stars are appearing but not nothing happens on clicking them. I think my firebase is set up (is there a way to confirm?), so what can be the problem?
    My website URL: https://web.iiit.ac.in/~sanchit.arora/IIIT-GPS/index.html

    Thanks in advance :)

    ReplyDelete
    Replies
    1. Hi.
      Try to generate firebase security rules again, but as a home page enter only the "https://web.iiit.ac.in", without further part of your url, and let me know if that helped.
      I think firebase may have a problem with "~" character.

      Delete
    2. It worked, Thanks a lot! You are great :)

      Delete
  67. Hello, can you help me is that I have already managed to put the grades but only let me grade once and the same grade is shown in all the entries, I already tried to do the second method but it still does not work for me. I hope you can help me as the ratings for my website would be quite useful

    My Web site:
    www.cubitosmc.com

    ReplyDelete
    Replies
    1. Hello, you are using a custom blogger template and the rating system cannot define the unique id of each post. You should install the widget by manually adding it to your blogger template. So, remove the code you have now added on your site, generate your rating code in the generator and copy it. Then go to your blogger HTML template editor, find string:

      <div class='post-footer'>

      and paste rating code just below this tag. It should work fine then, but if the problem continues, let me know.

      Delete
  68. Hello, thanks for answering. I already did it but they still don't work:, (

    ReplyDelete
  69. I already could!
    Thank you very much, seriously, your rating system will be very helpful.

    ReplyDelete
  70. Top Rated Posts Widget For Blogger
    how can I show an image

    ReplyDelete
    Replies
    1. Check the box "Thumbnail" in the generator

      Delete
  71. Anonymous19.6.20

    Top Rated Posts ( width="60" )
    How to Resize an Image Without Losing Quality?



    ReplyDelete
    Replies
    1. The image is loaded from the blogger rss feed and is 72x72 px, so scaling to this size you will not lose quality, but if it is larger, unfortunately the quality must be worse

      Delete
  72. Anonymous19.6.20

    I added the code to a static page and chose the value Number of posts:1000 The result was a very long post.
    We hope to add something like this in the future http://fr-designs.blogspot.com/2016/02/muititabbed-content.html

    (Sorry, this is Google Translate)

    ReplyDelete
    Replies
    1. Ok, in the future I will add the option of pagination if I find some time

      Delete
  73. Anonymous15.7.20

    Hi,
    I've made the star rating "active" but cannot choose the rating. Everytime I reload the page i still can choose the rating. Seems that the vote doesn't lock the stars. How to fix it?

    ReplyDelete
    Replies
    1. Show your page, I have to see it to be able to diagnose what the problem is.

      Delete
  74. I added the script at the end my POST template, but it seems to be doing nothing. I don't know what am I doing wrong. I have karogaro.blogspot.com and www.lacocinadekaren.com linked to the same Blog. I only added one set of rules, for lacocinadekaren.com. Please help.

    ReplyDelete
    Replies
    1. There is no rating script on your blog. You probably added it in the wrong place. In your blogger dashboard go to the "Theme" tab and click "Edit HTML". Next find

      <data:post.body/>

      string in your theme and paste the rating script below it. Next click "Save template". It should show the star rating below the content of each your posts, but if its not, try to find more duplicates of the <data:post.body/> tags and try to paste code below them.

      Delete
  75. Hello sir, I am Tapas Das and i am running this website - https://www.chillionfire.com . As you described; i have Installed Star Rating System On My Blog by clicking a button from your rating generator page. It worked but i want to show it into my blog post as your this page rating option.
    one more thing to share that when i come back to other post which i didn't rated beside that post in popular post option it showed "You can't use more than one Rating Widget with the same value of "ratingName" attribute on the same page."

    why this happening.

    i already checked last some comments, and i try to put the copied code below post body, post footer but it wasn't worked.

    please help me if you could. I just want to use as same as you did.
    Thank you so much.

    ReplyDelete
    Replies
    1. Hi. You are using a custom template and the rating widget is having trouble finding your post IDs. Remove the widget and paste the following code on your blog instead, this will fix the problem:

      <script src="https://probloggerplugins.github.io/widgets/starRater.js"></script>

      Delete
    2. Ciao! Avevo lo stesso problema e grazie a te ho risolto!!!!! :) Il tuo blog รจ stupendo!

      Delete
  76. Anonymous7.12.20

    Hi, Many thanks for some lovely scripts! I have installed this on website at blogspot. I tried to ask it not to post in pages but it is still printing it in pages. What do I need to do to change this so it is only visible in posts please? I may have asked before, but have forgotton. Kind Regards, Katy

    ReplyDelete
    Replies
    1. Hi. There is an option "Show on static pages" in the widget settings. Set this option to "None" and the widget will not display on static pages. Greetings.

      Delete
  77. Good job! Keep working well and you will have a lot of success. In the future I will write an article citing your best works. Greetings from Italy!

    My blog: www.tantilink.net
    PS - Excuse me but I don't speak English

    ReplyDelete
  78. Anonymous28.2.21

    Hi, when I click on the stars, it is not taking it! it does not keep it. I put in two different firebase urls with same effect. How can I get it to work? Many thanks

    ReplyDelete
  79. Anonymous9.3.21

    Hi, sorry to keep bothering you! I got it to work now! I had missed the bit on creating the rules in the instructions for the database! Now all the widgets work! :)

    ReplyDelete
  80. Anonymous9.3.21

    Again thank you for the lovely scripts! I am very happy! :) All works good now! I got the rating stats script as well on a page. :) Thank you ever so much! I now have my poetry rating and review site that I had wanted for a long time!

    ReplyDelete
    Replies
    1. I'm glad that you like the scripts and that they work well on your blog :)

      Delete
  81. Anonymous30.3.21

    It is not working anymore

    ReplyDelete
    Replies
    1. We had temporary problems hosting the widgets, but the star rating system has now been fixed and is working properly, just reinstall it. It has also been tweaked and modernized a bit, so you also need to regenerate the security rules for firebase and paste the new ones into your firebase project. Sorry for the inconvenience. Regards.

      Delete
  82. I was also having problems and I thought I had done something wrong hehe. I already installed it again and it works perfectly, thank you very much!

    ReplyDelete
  83. Anonymous10.4.21

    Hi - I now have an issue with the top rated posts. It was working. Then I changed blog name and now it has stopped working. I put in the new blog url in the firebase rules, the ratings are working but they do not show up. I had accidentally put in () brackets in my style sheet and then corrected it. How can I get them to work please? Does it need another person to vote, before they turn up? as I tried it on previous blog and it worked. best wishes, Katy

    ReplyDelete
    Replies
    1. Hi. You have an outdated firebase library added to your website that conflicts with the rating system. Please remove the following string from your blog template:

      <script src='https://cdn.firebase.com/js/client/2.1.1/firebase.js'></script>

      If there is still something wrong after removing it, let me know and I will keep looking at what's going on.

      Delete

Home