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.

post ratings on blogger / blogspot

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 »’); ?>

4. Put the codes below right after that line above (or download it here),

<script language='JavaScript'>
var OutbrainPermaLink='<?php the_permalink() ?>';
var OB_demoMode = false;
var OB_Script = true;
</script>
<script src='http://widgets.outbrain.com/OutbrainRater.js' type='text/javascript'/>

5. Save your theme. and done.

Notes: this services is provided by outbrain.

Have Our Articles Sent To Your Email, Free!

Blogging Related Only:


All Articles:

Readers who viewed this page, also viewed: