Add Star Ratings to your Blogger Blog Posts

0
1249

You might have ever seen star ratings in Google search results when you were searching for any branded product or services. Actually, online shopping stores (eCommerce) and other product review sites display the premium star ratings below their articles that indicates for a good quality product that review by their users or customers.

Google does not fetch the star rating from any website automatically, however website owner needs to use the HTML Markup in their website’s contents to show these stars rating.

Well here I will show you how to add five star ratings for blogger posts without using any widget or plugin.

star-ratings-blog-posts

In the above screenshot (via google rich snippets tool) you will see some nice stars rating that is rated by Amit Agarwal (example rating). I have tried this HTML Markup in my own post and it’s successfully working. Star ratings will give your visitors a premium look because first impression is last impression.

Now adding HTML markup to your blogger blog post for star ratings is not a big task. In each blogger post, you can add different star ratings. Its totally depends on you whether you want to give 2 star or 5 star ratings.

How to Add Star Ratings to Bloggger Blog Posts – HTML Markup

Keep in mind that star ratings will not increase your customers or visitors, if you are not offering genuine products or services. First you should be genuine to yourself, then rate your contents/products.

  • Log in to Blogger => Select your Blog => Post (select the post for which you want to add star ratings).
  • Go to HTML section of the post.
  • Now Copy-Paste below html code in the bottom of post.
<style>.hreview{display:none}</style><div class="hreview"><span><span>Android Phones</span><br/></span><span>Reviewed by Lalit Sharma</ span><span><span title="2014-01-15"class="value-title"></span><br/></span>Rating:<span class="rating">5</span></div>
  • Simply replace the “Android Phones” with your product’s name for which you are reviewing. Second change the “Lalit Sharma” with the product’s reviewer name. Third change the review date in the YYYY-MM-DD format and last change the stars rating with your desired ratings from 1 to 5.
  • After adding and modifying the stars rating HTML markup just Save the post.

Now simply visit Google Rich Snippet and check if it’s working fine or not. Just Copy-Paste the post URL in which you have added the star rating and click on Preview button.

You may also like: Add Border Around Blogger Post Images with CSS.

Note: Google Rich Snippet only preview latest changes, however actual result might take little long time to appear in the Google search results. Adding star ratings to blog posts may replace Google authorship (author image from Google search results) with star rating temporarily.

Stars rating are divided into 5 portions from 1 to 5 and each extra star has different value like for 1 is for poor, 2 is for Fair, 3 is for Average, 4 is for Good and 5 is for Excellent.

Give it a try and don’t forget to leave a comment about the post. Let us know whether this HTML markup to add star ratings to blog posts is working or not. If you like our work, please join us on Facebook & Twitter.

Share your Views / Comments / Suggestions ✍