Add Star Rating To Blog Post Impress The Readers

 Blogger is one of the best blogging platforms. You can easily customize the default settings of blogger. Many bloggers are not happy with the default settings. But you need not be worried because blogger provides you the opportunity to increase the beauty of your blog. You need to use different widgets. Star rating is such a widget that has an influence on your readers. So you need to add star rating to blog post.

How to Remove Image/Picture Shadow or Border from Blogger
How Can You Remove Showing Posts with Label in Blogger
Add Random Posts Widget to Blogger with Thumbnails & Snippets

We add many widgets to make our blog perfect, user-friendly. We try to increase the beauty and usability of our blogger blogs. Star rating is such a widget that is not very much important just like other widgets but it can attract your visitors. It will be really helpful for you if you can attract your visitors. If you add start rating to blog post then readers will trust you, they can justify the performance of your every blog post.

Star Rating increase the beauty of your blog.
It increases your traffic.
Increase the trust level and more.

How to Add Star Rating To Blog Post

Go to your blogger dashboard. 

Then click on Theme and select Edit HTML.

Now press Ctrl+F and then find the below code.

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

Or

 <p><data:post.body /></p> 

Now paste the following code just after any the above code lines.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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='180'/>
</b:if>
</span>
</b:if>

 Now find the below code line.

 <b:include name='nextprev'/>

 Now paste the following code just after the above code.

<b:if cond='data:top.showStars'>
<script src='http://www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load("annotations", "1");
function initialize() {
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>

Now Save Your Template. That's all, you have done.

I hope now you can add a star rating to the blog post. Visit your blog post, you can see the star rating just under your post.

This post is recommended by award-winning blog Blogger Help And Technology.

Share this

Share on FacebookPlus on Google+