Post Rating Widget for Blogger or Wordpress


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

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.

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.




By Admin n E.K

 
AWN-Blogportant Template by FreeTemplate