Star rating will show the rating of your posts given by readers...
Let us follow the easy steps below:
Step #1: Login to Blogger.com
Step #2: Go to Layout > Page Elements... Choose this:
Step #3: Find this code line:
or
<p class='post-footer-line post-footer-line-1'>
Replace the
<div class=''post-footer-line post-footer-line-1'> or <p class='post-footer-line post-footer-line-1'> code with this code:
<div class=''post-footer-line post-footer-line-1'>
<span class='star-ratings'>
<b:if cond='data:top.showStars'>
<div expr:g:url='data:post.absoluteUrl' g:background-color='22221f' g:height='42' g:text-color='c0c0b4' g:type='RatingPanel' g:width='280'/>
</b:if>
</span>
<span class='star-ratings'>
<b:if cond='data:top.showStars'>
<div expr:g:url='data:post.absoluteUrl' g:background-color='22221f' g:height='42' g:text-color='c0c0b4' g:type='RatingPanel' g:width='280'/>
</b:if>
</span>
or this code
<p class=''post-footer-line post-footer-line-1'>
<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>
<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>
Step #5: Save your template and done!
0 comments:
Post a Comment