Código HTML / Mude o Fundo

Muita gente pede para a equipe do site o sistema para mudar o fundo do site, então estarei disponibilizando o código. Para usar-lo mias facilmente o coloque em Widget ( blogger) como html.
Código

Código:

<style>
#estilo a img{
width:40px;
height:40px;
display:inline;
margin-right:10px;
margin-top:15px;
border: 2px solid #EEE;
}
#estilo a:hover img{
border: 2px solid #bdebff;
}

</style>
<div id="estilo">
<script src='http://code.jquery.com/jquery-1.6.2.min.js' type='text/javascript'></script>
<script>
$(document).ready(function(){
 $("#bgcolor1").click(function(){
  $("body").css({"background":"url(http://i.imgur.com/HQJIzfx.gif)"});
 });
});
$(document).ready(function(){
 $("#bgcolor5").click(function(){
  $("body").css({"background":"url(http://i47.tinypic.com/2mzlgya.png)"});
 });
});
$(document).ready(function(){
 $("#bgcolor3").click(function(){
  $("body").css({"background":"url(http://i.imgur.com/nyLwc.png)"});
 });
});
$(document).ready(function(){
 $("#bgcolor4").click(function(){
  $("body").css({"background":"url(http://i.imgur.com/xYiK4t8.png)"});
 });
});
</script>

<center><a href="javascript:void(O)" id='bgcolor1' title="Fundo 1"><img src="http://i.imgur.com/HQJIzfx.gif" /></a>
<a href="javascript:void(O)" id='bgcolor5' title="Fundo 2"><img src="http://i47.tinypic.com/2mzlgya.png" /></a>
<a href="javascript:void(O)" id='bgcolor3' title="Fundo 3"><img src="http://i.imgur.com/nyLwc.png" /></a>
<a href="javascript:void(O)" id='bgcolor4' title="Fundo 4"><img src="http://i.imgur.com/xYiK4t8.png" /></a></center>
</div>

Para editar as imagens onde estiver src="link da imagem" você edita.