How To Add 5 Star Rating To Blogger?

How effective is your Blog Post? Does your reader like your post? Are they satisfied with your post? All this questions are an important aspect of Blogging career.To get your readers feed back there are comments in your blog. But not every reader would comment on your blog as it takes a bit time. In this post, we have given a very simple and effective way of getting feed back from your readers. That is by adding a Star Rating to your blog post. Star Rating are easy to use and are easiest way of getting feed back from reader. The star rating we are gonna add has 5 Stars. This 5 star will show your posts effectiveness. So add this to your blog.

Steps To 5 Star Rating To Blogger→

• First go to draft.blogger.com.
• Choose your blogin which you want to add star rating.
• Now, go to Layout and click on edit in Blog Post Widget.
• Scroll a bit down and tick on Show Star Rating.
• Now add the below code any where in your template where you want the star ratings to appear.

<span class='star-ratings'>
<b:if cond='data:top.showStars'>
<div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='32' g:type='RatingPanel' g:width='180'/>
</b:if>
</span>

• Now, click on Save the Template. 

It's Done.
Now the star rating will appear in your blog.

Add Star Rating Below Post Title:

• Add the below code just below <div class='post-header-line-1'/>

<span class='star-ratings'>
<b:if cond='data:top.showStars'>
<div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='32' g:type='RatingPanel' g:width='180'/>
</b:if>
</span>

So now you can get review of your post easily.