Thursday, July 31, 2008

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 -->

Labels: , ,

19 Comments:

Anonymous Offshore SEO Services said...

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

August 28, 2008 6:00 AM  
Blogger Rajesh Lal said...

Thanks "Offshore SEO Services" for your comment t is now added in the help content.

August 28, 2008 9:58 AM  
Anonymous Anonymous said...

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???

September 12, 2008 9:46 PM  
Blogger Rajesh Lal said...

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

September 13, 2008 3:56 PM  
Anonymous Anonymous said...

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

September 14, 2008 8:04 PM  
Blogger Rajesh Lal said...

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

September 16, 2008 1:32 AM  
Blogger Matt said...

Can the star rating be "locked" but still viewed by all?

October 24, 2008 12:17 PM  
Blogger Rajesh Lal said...

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

October 24, 2008 11:20 PM  
Blogger Ammod said...

can someone help how to get this thing works.... i dont have either code in my templates..

November 10, 2008 11:45 AM  
Blogger Rajesh Lal said...

Ammod can you send me the url of the page where you are trying to embed the widget

November 11, 2008 12:16 PM  
Blogger Ammod said...

Hi Rajesh,
Thanks for the Hel Bhai.. here is the Link...
www.desionlinemovies.net

November 11, 2008 2:02 PM  
Blogger Rajesh Lal said...

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

November 12, 2008 3:59 PM  
Blogger Rajesh Lal said...

or send me code of your blogger template as a text file at connectrajesh@hotmail

raj

November 12, 2008 4:06 PM  
Blogger YaAliMaddat said...

This post has been removed by the author.

December 15, 2008 9:42 AM  
Blogger YaAliMaddat said...

This post has been removed by the author.

December 15, 2008 9:45 AM  
Blogger Rajesh Lal said...

YaAliMaddat, Can you send the url where you are trying to use it ?

December 15, 2008 10:47 AM  
Blogger YaAliMaddat said...

yes rajesh lal
http://ajareresalat-video-photos.blogspot.com/

December 15, 2008 11:51 AM  
Blogger YaAliMaddat said...

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?

December 15, 2008 1:12 PM  
Anonymous Anonymous said...

hi how add in blog imean in
google blog
plss any one tell me

December 22, 2008 6:02 AM  

Post a Comment

<< Home