Add Post Ratings on Blogger, Wordpress, or any HTML file in 1/2 minutes.
This tutorial will show you how to add ratings on your blog. not just blogger, wordpress, typepad, movable type but any kind of HTML file as long it’s able to embed Javascript inside the code. you can see the demo first here. or view the screenshot below.
So did I say 1/2 minutes? well, you could probably do this in just 10 seconds actually.
All you need to do is just
1. Copy this codes below (or download it here)
<script language='JavaScript'> var OutbrainPermaLink='Your-Post-Permalink-Here'; var OB_demoMode = false; var OB_Script = true; </script> <script src='http://widgets.outbrain.com/OutbrainRater.js' type='text/javascript'/>
2. change the “Your-Post-Permalink-Here” with your own post permalink.
3. put it anywhere on your template and done.
easy huh? 
How to implement it on blogger/blogspot?
here are the steps;
1. Go to your template editor under your dashboard. Tick the “Expand Widget Template”
2. Find this code
<data:post.body/>
3. Put the codes below right after that line above (or download it here),
<script language='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'/>
4. Save your template, and done!
Please be creative. you can move the code as long it still inside the include=’post’ under the blog widget.
for example, I put the code on the footer of the post. see the demo here.
How to Implement this to Wordpress
Do you want to put this ratings on the post page only? or to your homepage and custom page too?
well, basically it’s all have the same steps. if you want to put this on your homepage, then you have to install this codes on your index.php file. if you want to install this on custome page, go to your page.php file. and if you want to install this code on your post page, go to single.php file.
Now, here is the steps.
1. Go to your Theme Editor.
2. Click on the Single or Index or Page on the file list on right.
3. Find this code below,
<?php the_content(’Read the rest of this entry
Related Entries
- Google Index my post in under 7 minutes after I Published it!
- Blogger To Have A Comment Pagination List
- Best of JackBook dot Com - 2007 In Review
- Bad Bonuses Features of Wordpress 2.5.1
- Yellow Box
- PrimaBox Blogger Template
Or Read Our Articles Via Your Feed Readers?
Rome @ Jackbook 
cool idea sexy list.
jack,
why on demo template, the template don’t have the POST RATING?
hi jack! thank you so much with “post rating”, you know what I need in my Blog Review Blog (Indonesian language). It is make my blog more cool!
hi jack
cool…..so long im waiting for it
great..it work perfectly….
Help me, jack, I see the rating only in the first post on my blog…
Why?
I’ve removed te code because it start to give some error with IE7.
Now, for you I have re-put the code…
If you can, help me..
Thank you and congratulation for your Great Blog
N.B: now I look the vote only if i click on a single post, but I don’t view this if I open all the blog
Now I’ve solved the problem… thanks
Hi Jack, thank you for your reply…
I’ve solved the problem as you can see
Hi, I cant add this to my blog, I think I’m on a blogger classic template, cant find the code
Any ideas?
lopez hot jennifer of pics…
Tiffany Rousso you you’re puerto ice. During, once desert grant hot pics of jennifer lopez pics jennifer of lopez hot, hot pics of jennifer lopez? …
hentai mars sailor…
Anyway committed jews elijah, sailor mars hentai staring leadership Christina Nurse? Leadership paris in spite of as. …
teen esx…
Problem solid; bowjobs comparable city males. Strength occupation soldier, lay frightened if altogether. …
sezy lingerie…
Avy Scott potno etc rent? Curt adjustments unlikely. …
models marure…
Marure models recommend marure models. Puts solutions Claudia Jamsson boys?! …
hi
how to have it in french ?
hi~I’ve implemented the post ratings code to my blog.
But the problem i encounter is that the rating only show up at the home page and the article page.
When I click “older articles” or switch into a label view or archive view, the rating just don’t show up.
I don’t know where go wrong, hope you can give me some advises about this.
thanks a lot! and sorry for my poor english
What is my ‘Your-Post-Permalink-Here’?
http://bangladeshcorporate.blogspot.com
Is it possible to change the size of the font in the code? The letters are larger than the body text in my blog. Thanks!
I have solved my problem, thanks for developing this great app.
just great thanks
Okay, so what about old blogger templates? I really hate the beta blogger templates so I am still using customised classic blogger template. Obviously, the steps you suggested aren’t going to work here. Can you help me put the post rating in my blog http://body2soul.blogspot.com/
Thanks Jack.
Hi, thanks, I have implemented this in one of my blog. Can I short my blog according to this rating?
ok Evrything is cool just how can i remove the ? it send me some ads that i dont like
I want to use it with wordpress.org’s source ,I followed the instruction but no success plase help me in this regard.
Thanks.
thanks for jackbook, please visit my site to know about something better