How Add Star Ratings on Blogger tutorial

Blogger has added a Star Ratings  Feature for us. It helps the visitors to rate your blog posts victimisation five stars :).  If you wish to visualize a preview of however this appearance, then attend this post page and take a look at rating this post. I you're fascinated by implementing the ratings feature on your blog, then scan on and follow these straightforward steps.

How to Enable The Star Ratings  Feature?

1. Login to Your Blogger in Draft Dashboard at http://draft.blogger.com (May not be available in your regular dashboard)
2. Go to Design > Page Elements and Click on the Edit Button near the Blog Posts Gadget and check the “Show Star Ratings” Option

3. You can Drag and Drop the “Star Ratings” and place it where you want.

4. Now if everything went right, then you should be able to see the Star Ratings Feature on your Blog. If not then read on. :)

5. If it didn’t appear then don’t worry, That is because you are having a modded template. Just Go to the Edit HTML page under the Design Tab , Check the  “Expand Widget Templates”  Option and locate

Now Press Ctrl+F and Find Below Codes

<p class='post-footer-line post-footer-line-3'>

Or if that is not there then find

<div class='post-footer-line post-footer-line-3'>

Or if that is not there then find

<data:post.body/>

and place the  following code  just below any of these lines[whichever is present in your template].

<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>

You Also Like: Random Post Widget ForBlogger