Animated Snow Backgrounds

The following backgrounds are animated with Snowfall. These will give the effect of snow falling down. If you would like a different color than the three shown, contact me and I'll change the color for you. Enjoy!

Click Here to view Full Animated Effect


Light Blue Snowfall Code:

<style type="text/css">
body {background-image: url("http://i350.photobucket.com/albums/q410/blingontheblog/Snofall2.gif"); background-position: center; background-repeat: repeat-xy; }
#outer-wrapper { background-color: #bdd8f0;}
#header-wrapper {background-image: url("http://i350.photobucket.com/albums/q410/blingontheblog/Snowfall-Header.gif"); background-position: center; background-repeat: no-repeat;
border:2px solid #cfe1f1; background-color: #cfe1f1;
width:660px; margin:20 auto 20px;
}
#header { background-image: url(""); background-position: center; background-repeat: no-repeat;
margin: 40px; border: 2px solid #cfe1f1;background-color: #cfe1f1;
text-align: center;
color:$pagetitlecolor;
}

</style>
<center>Blog Design by <a href="http://www.blingontheblog.com">Bling on the Blog</a></center>

Dark Blue Snowfall Code:

<style type="text/css">
body {background-image: url("http://i350.photobucket.com/albums/q410/blingontheblog/Snowfall-1.gif"); background-position: center; background-repeat: repeat-xy; }
#outer-wrapper { background-color: #4b5f73;}
#header-wrapper {background-image: url("http://i350.photobucket.com/albums/q410/blingontheblog/Snowfall2-Header.gif"); background-position: center; background-repeat: no-repeat;
border:2px solid #4b5f73; background-color: #4b5f73;
width:660px; margin:20 auto 20px;
}
#header { background-image: url(""); background-position: center; background-repeat: no-repeat;
margin: 40px; border: 2px solid #4b5f73;background-color: #4b5f73;
text-align: center;
color:$pagetitlecolor;
}


</style>
<center>Blog Design by <a href="http://www.blingontheblog.com">Bling on the Blog</a></center>

Pink Snowfall Code:

<style type="text/css">
body {background-image: url("http://i350.photobucket.com/albums/q410/blingontheblog/Snowfall3.gif"); background-position: center; background-repeat: repeat-xy; }
#outer-wrapper { background-color: #fa98d7;}
#header-wrapper {background-image: url("http://i350.photobucket.com/albums/q410/blingontheblog/Snowfall3-Header.gif"); background-position: center; background-repeat: no-repeat;
border:2px solid #f3bae2; background-color: #fa98d6;
width:660px; margin:20 auto 20px;
}
#header { background-image: url(""); background-position: center; background-repeat: no-repeat;
margin: 40px; border: 2px solid #f3bae2;background-color: #f3bae2;
text-align: center;
color:$pagetitlecolor;
}

</style>
<center>Blog Design by <a href="http://www.blingontheblog.com">Bling on the Blog</a></center>

Isabella

2 Column Background and 3 Column Background.


Copy the following code to add the background on your blog.
2 Column Code:

<style type="text/css">
body {background-image: url("http://i350.photobucket.com/albums/q410/blingontheblog/Isabella.jpg"); background-position: center; background-repeat: repeat-y; }
#header-wrapper {background-image: url(""); background-position: center; background-repeat: no-repeat;
border:0px solid #62544a; background-color: #;
width:660px; margin:40 auto 40px;
}
#header { background-image: url("http://i350.photobucket.com/albums/q410/blingontheblog/Isabella-Header.png"); background-position: center; background-repeat: no-repeat;
margin: 40px; border: 2px solid #62544a;
text-align: center;
color:$pagetitlecolor;
}


</style>
<center>Blog Design by <a href="http://www.blingontheblog.com">Bling on the Blog</a></center>

3 Column Code:

<style type="text/css">
body {background-image: url("http://i350.photobucket.com/albums/q410/blingontheblog/3Isabella.jpg"); background-position: center; background-repeat: repeat-y; }
#header-wrapper {background-image: url(""); background-position: center; background-repeat: no-repeat;
border:0px solid #62544a; background-color: #;
width:660px; margin:40 auto 40px;
}
#header { background-image: url("http://i350.photobucket.com/albums/q410/blingontheblog/Isabella-Header.png"); background-position: center; background-repeat: no-repeat;
margin: 40px; border: 2px solid #62544a;
text-align: center;
color:$pagetitlecolor;
}

</style>
<center>Blog Design by <a href="http://www.blingontheblog.com">Bling on the Blog</a></center>

For instructions on how to add this background on your blog, please click here.

Snow Backgrounds

Snowflake
2 Column or 3 Column Background


Copy the following code to add the background on your blog.
2 Column Code:

<style type="text/css">
body {background-image: url("http://i350.photobucket.com/albums/q410/blingontheblog/Snowflake.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }
#header-wrapper {background-image: url("http://i350.photobucket.com/albums/q410/blingontheblog/SnowFlake-header.jpg"); background-position: center; background-repeat: no-repeat;
border:4px solid #62544a; background-color: #;
width:660px; margin:40 auto 40px;
}
#header { background-color: #f0f6fb;
margin: 40px; border: 4px solid #62544a;
text-align: center;
color:$pagetitlecolor;
}
</style>
<center>Blog Design by <a href="http://www.blingontheblog.com">Bling on the Blog</a></center>

3 Column Code:

<style type="text/css">
body {background-image: url("http://i350.photobucket.com/albums/q410/blingontheblog/3Snowflake.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }
#header-wrapper {background-image: url("http://i350.photobucket.com/albums/q410/blingontheblog/SnowFlake-header.jpg"); background-position: center; background-repeat: no-repeat;
border:4px solid #62544a; background-color: #;
width:660px; margin:40 auto 40px;
}
#header { background-color: #f0f6fb;
margin: 40px; border: 4px solid #62544a;
text-align: center;
color:$pagetitlecolor;
}
</style>
<center>Blog Design by <a href="http://www.blingontheblog.com">Bling on the Blog</a></center>

For instructions on how to add this background on your blog, please click here.

Olivia

I can't decide if I should include this background in Holidays or not. Let me know if what you think.

2 Column or 3 Column Background


Copy the following code to add the background on your blog.
2 Column Code:

<style type="text/css">
body {background-image: url("http://i350.photobucket.com/albums/q410/blingontheblog/Olivia.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }
#header-wrapper {background-image: url("http://i350.photobucket.com/albums/q410/blingontheblog/Olivia-Header.jpg"); background-position: center; background-repeat: no-repeat;
border:4px solid #f1efe8; background-color: #;
width:660px; margin:40 auto 40px;
}
#header { background-color: #860b0e;
margin: 40px; border: 4px solid #f1efe8;
text-align: center;
color:$pagetitlecolor;
}



</style>
<center>Blog Design by <a href="http://www.blingontheblog.com">Bling on the Blog</a></center>

3 Column Code:

<style type="text/css">
body {background-image: url("http://i350.photobucket.com/albums/q410/blingontheblog/3Olivia.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }
#header-wrapper {background-image: url("http://i350.photobucket.com/albums/q410/blingontheblog/Olivia-Header.jpg"); background-position: center; background-repeat: no-repeat;
border:4px solid #f1efe8; background-color: #;
width:660px; margin:40 auto 40px;
}
#header { background-color: #860b0e;
margin: 40px; border: 4px solid #f1efe8;
text-align: center;
color:$pagetitlecolor;
}

</style>
<center>Blog Design by <a href="http://www.blingontheblog.com">Bling on the Blog</a></center>

For instructions on how to add this background on your blog, please click here.

Snowman

It seems with winter now upon us I've been getting more winter or snow backgrounds. I thought it would be fun to have a snowman so here it is...


2 Column Background


Copy the following code to add the background on your blog.
2 Column Code:

<style type="text/css">
body {background-image: url("http://i350.photobucket.com/albums/q410/blingontheblog/Snowman.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }
#header-wrapper {background-image: url(""); background-position: center; background-repeat: no-repeat;
border:4px dotted #fcfaef; background-color: #;
width:560px; margin:10 auto 10px;
}
#header { ;
margin: 10px; border: 0px solid #fcfaef;
text-align: center;
color:$pagetitlecolor;
}

</style>
<center>Blog Design by <a href="http://www.blingontheblog.com">Bling on the Blog</a></center>

For instructions on how to add this background on your blog, please click here.