How to Add Star Ratings to Your Blogger Blog Posts?
Blogger has introduced Star rating badge which lets the visitors rate your blog posts on a rate of 5. As of now, this feature is still in beta, you don’t find this option in your regular Blogger dashboard. However, you can activate it by going to draft.blogger.com. If you mostly write reviews of products or films, then you should definitely add these ratings widget for better user engagement.
If you’re using any default blogger templates, then you can simply go to draft.blogger.com > Design > Page Elements and click on ‘Edit’ button which is found near the blog posts gadget. Choose the ‘Show Star Ratings’ option, move it to your desired spot using the ‘Arrange items’ option and click ‘Save’.
Tip: Learn these Blogspot SEO Tips to make your Blogger blog SEO friendly.
You should probably see the star ratings added underneath your blog posts. In case you’re not able to see the widget, then you may be using a customized blogger template. You can anyhow add a small piece of code to your template to enable Star ratings.
How to Add Star Ratings on Blogger Manually?
Go to Template > Edit HTML and find any the following code
<p class=’post-footer-line post-footer-line-3′>
Or if the above code is not found, then find the below one
<div class=’post-footer-line post-footer-line-3′>
or if the second is also not found, then you should probably find the below one
and just after any of the above found codes, paste the following script
<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=’42′ g:type=’RatingPanel’ g:width=’280′/> </b:if> </span>
Click on ‘Save template’.
You should now see the Star ratings on all your posts at the end of the article. Hope, this simple tutorial helped you in adding star ratings to your blogger blog posts.