Multiple Ratings

How to use the Rating Widget for Multle Rating. I got an email with the query.

I would like to use your widget for a project. I was wondering if it was possible to put more than one rating widget on a standard web page. I tried copying and pasting the code twice but only one widget appears.

This is a one of the first thing you would want to ask if you want to add Multiple Rating widget in a single page.

The SOLUTION is quite SIMPLE

Use different values for ar_URL. Here is a example

In the widget code the only dynamic value ar_URL and ar_title

Just change the value ar_URL and ar_title Like 

    aR_url=location.href + “1” 

for the FIRST code  And for the SECOND code

    aR_url=location.href + “2”;

Thats it.

Icons Explained

Here is a brief detail on Icons displayed in the Rating Widget !

     Rating Added Successfully

     Already Rated

     Error Occured

Star Rating Widget in the Blogger

Here is a crash course on How to add Star Rating Widget in the Blogger

Look for the following <$BlogItemBody$></div> and put the following code below that as shown

Your code should look exactly like the following

<$BlogItemBody$>
</div>

<!-- Begin AddRatings.com widget code -->

<script type='text/javascript'>
aR_BgColor="";
aR_FgColor="";
aR_url="<$BlogItemPermalinkUrl$>";
aR_title="<$BlogItemTitle$>";
aR_StarType ='5';
document.write('<div id="aR_star_info" style="height:60px;"></div>');
document.write('<scr'+'ipt type="text/JavaScript" src="http://addratings.com/aR_BootStrap.js"></scr'+'ipt>');
</script>

<!-- End AddRatings.com widget code -->

notice the use of "<$BlogItemPermalinkUrl$> for the URL field(aR_url") which needs to be unique and <$BlogItemTitle$> for Title field(aR_title).

Code for NEW BLOGGER TEMPLATE

Courtesy Offshore SEO services (see comment below)

<!-- Begin AddRatings.com widget code -->

<script type='text/javascript'>
aR_BgColor="";
aR_FgColor="";
aR_url="<DATA:POST.URL>";
aR_title="<DATA:POST.TITLE>";
aR_StarType ='5';
document.write('<div id="aR_star_info" style="height:60px;"></div>');
document.write('<scr'+'ipt type="text/JavaScript" src="http://addratings.com/aR_BootStrap.js"></scr'+'ipt>');
</script>

<!-- End AddRatings.com widget code -->

Rating Widget Version 2.0

Here is the code for the Rating Widget

FOR STANDARD WEB PAGE

<!-- Begin AddRatings.com widget code -->
<script type="text/javascript">
aR_BgColor="";
aR_FgColor="";
aR_url=location.href;
aR_title=document.title;
aR_StarType ='0';
document.write('<div id="aR_star_info" style="height:60px;">
</div>');
document.write('<scr'+'ipt type="text/JavaScript"
src="http://addratings.com/aR_BootStrap.js">
</scr'+'ipt>');
<br /></script>
<!-- End AddRatings.com widget code -->

FOR MULTIPLE POSTS IN A BLOGGER
Put the following code below <$BlogItemBody$> TAG in Blogger Template

<!-- Begin AddRatings.com widget code -->
<script type="text/javascript">
aR_BgColor="";
aR_FgColor="";
aR_url="<$BlogItemPermalinkUrl$>";
aR_title="<$BlogItemTitle$>";
aR_StarType ="20";
document.write('<div id="aR_star_info" style="height:60px;">
</div>');
document.write('<scr'+'ipt type="text/JavaScript"
src="http://addratings.com/aR_BootStrap.js">
</scr'+'ipt>');
<br /></script>
<!-- End AddRatings.com widget code -->

NOTICE THE DIFFERENCE IN

• aR_url=location.href; //meant for the URL of the post/page


• aR_title=document.title; //meant for title of the post/page

Questions / Suggestions / Feedback

If you have any questions regarding the Add Rating service, functionality or a suggestion, please add a comment here.