1. Login to your Blogger Dashboard and go to the Edit HTML page under the Design Tab , Check the “Expand Widget Templates”  Option and locate

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

<script language='text/javascript'> 
 var OutbrainPermaLink="<data:post.url/>"; 
 var OB_demoMode = false; 
 var OB_Script = true; 
 </script> 
 <script src='http://widgets.outbrain.com/OutbrainRater.js' type='text/javascript'/>
and Save your template. 

2. Now you would be able to See the new Star Ratings Below each of your Blogger Posts





Optional Tweak
If you want to display the Star Ratings on the Post Page only, then Wrap the Ratings code within Conditional Tags like

<b:if cond='data:blog.pageType == &quot;item&quot;'> 
    <script language='text/javascript'> 
    var OutbrainPermaLink="<data:post.url/>"; 
    var OB_demoMode = false; 
    var OB_Script = true; 
    </script> 
    <script src='http://widgets.outbrain.com/OutbrainRater.js' type='text/javascript'/>
</b:if>

Second one easily  instantiation
Click here Outbrain Website
 

Posted by Durgesh on 00:29. Filed under 5 Star Rating, Blogger Tricks . You can follow any responses to this entry through the RSS 2.0. You can leave a response or trackback to this entry