Free Star Rating System For Blogger Posts

If you're here, it means that you are looking for a good and free Star Rating System for your Blogger blog. It's a good idea, because installing a Star Rating Widget on the blog gives you many benefits. The nice rating stars will appear under every your post. Thanks to this, your readers will be able to easily express their opinion about your posts and you will know what they think about it. Your blog will have a better and more professional look. So, let's install the star rating system on your blog!

Installing Free Star Rating System on Blogger

To make the star rating appear under every post on your Blogspot blog, you must complete 4 simple steps:

All rating data, like the rating average and number of votes, must be stored somewhere. So, first step is creating free Firebase database. Go here ➤ and follow the instructions. It's really simple, so don't be discouraged 😉.
After creating Firebase project, copy the URL adress of your databse and paste it into the field "Firebase URL" at below Blogger Star Rating Widget Generator.
Fill all other fields according to how you want your widget to look.
Click Install Star Rating System button (you must be logged in to your Blogger account when you will click).

Star Rating Widget Generator

Firebase URL:

Enter the url adress of your Firebase →

Select star:

Choose star image for your rating widget

Number of stars:

How many stars should display your rating widget?

Star size:

Text size:

Text color:

Font family:

Select font for text in your star rating system

Widget align:

Top text:

This text will be displayed above the rating stars. Leave this field blank, if you doesn't want any text above the widget.

Bottom text:

$average$$votes$$max$

Create template for the rating statistic which will be displayed below the rating stars

Thank you text:

A thank-you text that will be displayed when someone votes

Blocking text:

$userRating$

This message will be displayed for user which was already rated specific content and try to rate it again

Show on individual posts:

Choose whether and where to display the star rating on the pages of individual posts

Status on post pages:

Choose whether the widget should be displayed in normal mode or inactive on Individual Posts. Read more... →

Show on index pages:

Choose whether and where to display the star rating on the pages that are indexing your posts

Status on index pages:

Choose whether the widget should be displayed in normal mode or inactive on Index Pages Read more... →

Show on static pages:

Choose whether and where to display the star rating on the static pages

Live Previev:

That's all, now you can enjoy the Star Rating Widget under every post on your blog ✌

If you have any problems, something does not work as you would like, or you just want to have more control over the place where the widget will appear, you can also use Rating Code below. Paste this code into post loop in your Blogger HTML template editor (exactly in the place where you want to display Star Rating System). You can also use Blogger conditional tags in this way and change widget's settings on different page types by changing selected attributes in code below. For example, on pages that are indexing your posts, like home page or label pages, you can show smaller stars than on pages of individual posts, by changing attribute starSize="30" to starSize="20" and use appropriate Blogger conditional tags.

Rating Code:

<script></script>

Rating Code copied ✅

We wish you many high votes! 😁