Connect with us

Blogger

Add Star Ratings to your Blogger Blog Posts

Now BlogSpot authors can easily add star ratings to blogger blog posts in review articles. It’ll be show in Google search results – Rich Snippet.

Published

on

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 (e-commerce) 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, the 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 Mr. 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 the first impression is the 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. It totally depends on you whether you want to give 2-star or 5-star ratings.

How to Add Star Ratings to Blogger 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.

  • Login to Blogger => selects 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 the 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, the 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. 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.

Lalit Sharma is a professional blogger at Elkees Media and writes blogs related to latest technology, culture, trends, etc. He is also founder & chairman of Elkees Technologies & ElkeesDeals.com

Continue Reading
Click to comment

Share your Views / Comments / Suggestions ✍

Follow Us



Trending