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).
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 -->
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 -->
Labels: Help, Rating Widget, Star

19 Comments:
This code is not with Blogger classic template, to use the same code in new blogger template check below link : http://offshoreseoservice.blogspot.com/2008/08/widgets-to-add-ratings-for-new-blogger.html
Thanks "Offshore SEO Services" for your comment t is now added in the help content.
I don't have the "<$BlogItemBody$>" code on my blog. I'm not sure exactly where to insert the code. Or do I need to append it at the end of each blog post???
Hello thanks for the message ,
Understand that the only dynamic part of the code is
aR_url="<$BlogItemPermalinkUrl$>";
aR_title="<$BlogItemTitle$>";
in the first CODE BLOCK and
aR_url="DATA:POST.URL";
aR_title="DATA:POST.TITLE";
in the second code block
which is meant to be unique for the post , the post title and the post URL.
If you put the code given in the Blogger Template at the end of POST CODE, you will be able to use the addrating module.
Let us know if you are able to get it working
I'm sorry, but I'm still unsure how to get this working. When I search the template, there isn't anything found that begins with "$bl..."
I do find "data:post.url" and "data:post.title" however.
Can you post exactly what I need to copy again and specifically where.
Sorry to be a pain the _ss.
Thanks - Rick
I would suggest you to try with the
second block of code (Code for NEW BLOGGER TEMPLATE)
at the end of the POST. If you cannot find the end of the post just try to put it at the most probable location and publish and see if the rating widget appears.
Rajesh
Can the star rating be "locked" but still viewed by all?
Hey MAtt,
I am tring to figure out what's the scenario where you want the Rating Widget Locked ?
TRY the following code
div style="width:150px;height:30px;background: url('http://addratings.com/images/AR/1/star.png') left bottom;"
with a less than and greater than symbol at the beginning and end respectively
can someone help how to get this thing works.... i dont have either code in my templates..
Ammod can you send me the url of the page where you are trying to embed the widget
Hi Rajesh,
Thanks for the Hel Bhai.. here is the Link...
www.desionlinemovies.net
Ammod since you are already using the bookmark widget from addthis.com you can take the value of that from the template of blogger and put the addrating code just below that.
Take the value from bookmark widget of the following variables
1. addthis_url = "Value In your code";
2. addthis_title = "Value In your code";
and put it in the value for
1. aR_url = "value from above addthis_url ";
2. aR_title = "value from above addthis_title";
in the addrating widget code.
let me know if that helped
or send me code of your blogger template as a text file at connectrajesh@hotmail
raj
This post has been removed by the author.
This post has been removed by the author.
YaAliMaddat, Can you send the url where you are trying to use it ?
yes rajesh lal
http://ajareresalat-video-photos.blogspot.com/
bro can you tell me how to add this code i mean when i add video code and with video i add this rate code?
hi how add in blog imean in
google blog
plss any one tell me
Post a Comment
<< Home