Monday, January 4, 2010

Show star rating in your Blogger posts

Add star rating to your blog posts now...
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:

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


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



Step #4:
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>


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>





Step #5: Save your template and done!




0 comments:

Post a Comment

 

Blogger Tips and Style Copyright © 2009 Community is Designed by Free Blogger Template