Rate your Blogger Posts with 5 Star Ratings

Blogger Officially has a Star Ratings Widget, but the Rating Stars provided by Blogger are too small and not so beautiful. Outbrain has come up with an alternate Rating system which can be easily added to any platforms including Blogger. 
You can see a Demo of this Ratings Widget at the Bottom of this post.

How to Install Outbrain Star Ratings?

Method 1
  1. Register at the Outbrain Website and Activate your account(check your email after registering)

  2. image
    Select the Recommendation Type (Text / Thumbnail) and Choose Blogger as your Platfrom. Type your blog URL , agree to the Outbrain Terms and Click the Install Button.
  3. You will be prompted to add a Widget to your Blog. Add the Widget and Get back to the Outbrain Website and navigate to My Account > Manage Blogs
  4. If your blog Claim is pending, Click on the Check Now Link
    image
  5. Once you have Claimed your Blog, Go to Settings
    image
  6. These are the Settings that i used
    image
    I have disabled the Recommendations  and Disabled the “Most Popular” Gadget.
Method 2
You wont be able to configure the Widget and you wont be able to hide th Recommendations if you follow this Method.So Follow Method 1 :) This method with some mods can be used to position the ratings gadget and for selectively displaying it.
1. Login to your Blogger Dashboard and go to the Edit HTML page under the DesignTab , 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>

8 comments:

Joly George said...

NICE !!!!!! FOR MORE,BEST,SECRETS VISIT http://WWW.probloggerhome.blogspot.in

Joly George said...

NICE !!!!!! FOR MORE,BEST,SECRETS VISIT http://WWW.TOPTENHERE.blogspot.in

JOLY GEORGE said...

Keep sharing ideas .... Your valuable ideas will help newbies to grew up into professionals..... Make Money , Blogging Tips

md.mahadi hasan shohag said...

its an amazing site for you,,,,, you can visitweight lossss

soniya rawat said...

very nice post thank you for sharing with us.
Read my blog Letest News Update

Azeem said...

Urdustudy.blogspot.com
Sir you are Great Nice post

Blogger said...

If you're looking for a good contextual ad network, I recommend you take a look at ExoClick.

Bé Na VIP said...

Google nowhere for 5 star display anymore you look like the old blogs ago there
cong ty tham tu
tham tu gia re binh duong
dich vu tham tu
thue tham tu tai binh duong

Post a Comment

Twitter Delicious Facebook Digg Stumbleupon Favorites More