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

26 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  
Blogger xyz said...

i got the following error msg

Your template could not be parsed as it is not well-formed. Please make sure that all XML elements are closed properly.
XML error message: Element type "scr" must be followed by either attribute specifications, ">" or "/>".

January 7, 2009 1:25 PM  
Blogger YaAliMaddat said...

This post has been removed by a blog administrator.

January 12, 2009 7:26 AM  
Blogger Kashif said...

I have added the code in my blog but I do not see any thing at all. Its in this blog. View full post so that the post page loads completely. But nothing appears ? Can you tell me whats wrong ?

January 13, 2009 5:15 AM  
Anonymous Adminsrator said...

When i clicked on View Source of your page. I cannot see the addrating code. that mean you have to republish your blogger code.

Check trickofmind.com website which is using a blogger template

January 13, 2009 5:29 AM  
Blogger YaAliMaddat said...

why you search page code surce
just copy code and past in you blog page or chack this site
http://js-kit.com/

January 17, 2009 1:45 PM  
Blogger YaAliMaddat said...

or chack this site

http://www.asp.net/ajax/ajaxcontroltoolkit/samples/Rating/Rating.aspx

January 17, 2009 1:59 PM  
Anonymous Anonymous said...

hiiiiiiiiiiiiiiiiiii bro googd information


www.mobmani.blogspot
make money

February 6, 2009 6:32 AM  

Post a Comment

<< Home