Star rating widget for blogger

One of the disadvantages for authors who use blogger is that there is no rating/voting widget . Because of that authors don’t know how much the visitors liked their posts. After a longtime , now draft.blogger has found a trick . They recently posted that bloggers can now add Ratings widget on their blog through draft blogger .Let us see how to add ratings widget for Blogger,

Step 1 :

In layout section , under body layout click edit . A new pop-up window will open like this , here you need to check the

If you are using template provided by blogger then you can see the widget after doing step 1. If you are using some other custom template then you need to add the following code below <div class=’post-footer-line post-footer-line-1′> or similar .

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

by adding this code there , the star ratings widget will appear below each post. If you want to add it below the post title , then add the above code immediately below <div class=’post-header-line-1′/>let’s see how it looks 

you can also add that code anywhere you want. if you want to add style CSS like padding , color , etc add

<div style=’padding-left:50px; and other CSS part ‘>

star- ratings code

</div>