How to get background to show ONLY on home page?

Hello, my website is http://bunkerreview.blogspot.com

I am trying to get it so my background ONLY shows up on my home page, and no other pages.

The code that I see for my background is:

 <Variable name="body.background" description="Body Background" type="background"
       color="transparent" default="$(color) none repeat scroll top left" value="$(color) url(http://3.bp.blogspot.com/-CKHjcG8NgZg/UrT-AGZA91I/AAAAAAAAADU/6SvtJg0Q780/s0/tiger-woods-hd-wallpaper.jpg) repeat scroll top left"/>

HTML:

However, that background shows up on all the pages. How do I fix this? The platform i am using is Blogger Thanks!

 

Hello
The blogspot.com is not professional... i suggest you to switch to wordpress.com

 

Can't you just remove that code, place a div in you homepage and give that the background you want?
There's probably already a div that you can use to make this work on your homepage anyway.

 

This ^

There's no way I can see this working in blogger. The reason is because there are no different css classes per page, which Wordpress does support.

In Wordpress, you would just add CSS that looked something like:

body.home {
background: url(http://3.bp.blogspot.com/-CKHjcG8NgZg/UrT-AGZA91I/AAAAAAAAADU/6SvtJg0Q780/s0/tiger-woods-hd-wallpaper.jpg);
}

Code (markup):

 

Try this code:

<style>
<b:if cond='data:blog.pageType != &quot;index&quot;'>
body{
background:none;
}
</b:if>
</style>

Code (markup):

OR

<style>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
body{
background:none;
}
</b:if>
</style>

Code (markup):

Put it before

</head>

Code (markup):

 

Dont give background to body. make a div a give it a background and dont repete this div on the other pages.