Como colocar Change Background

|| ||

Olá pessoal antes de tudo queria agradecer a todos que me parabenizaram no post anterior fiquei muito feliz com isso.  
Hoje irei ensinar como colocar o Change Background e pra quem não sabe ele está no gadget Change Background, e esse foi o pedido da Belle Pedrosa aqui no blog. Veja um exemplo abaixo:



Então vamos ao tutorial:
Primeiro vá em Layout>> Adicionar um Gadget>> HTML/JavaScript e cole o seguinte código:
<style>
#backgrounds a img{
width:40px;
height:40px;
display:inline;
margin-right:10px;
margin-top:15px;
border: 2px solid #FF0000;
}
</style>
 <div id="backgrounds">
<script src='http://code.jquery.com/jquery-1.6.2.min.js' type='text/javascript'></script>
<script>
$(document).ready(function(){
 $("#background01").click(function(){
  $("body").css({"background":"url(COLE O CÓDIGO DO BACKGROUND AQUI)"});
 });
});
$(document).ready(function(){
 $("#background02").click(function(){
  $("body").css({"background":"url(COLE O CÓDIGO DO BACKGROUND AQUI 2)"});
 });
});
$(document).ready(function(){
 $("#background03").click(function(){
  $("body").css({"background":"url(COLE O CÓDIGO DO BACKGROUND AQUI 3)"});
 });
});
</script>
<center><a href="javascript:void(O)" id='background01' title="MUDE O TOPO"><img src=" COLE O CÓDIGO DO BACKGROUND AQUI" /></a>
<a href="javascript:void(O)" id='background02' title="MUDE O TOPO 2"><img src=" COLE O CÓDIGO DO BACKGROUND AQUI  2" /></a>
<a href="javascript:void(O)" id='background03' title="MUDE O TOPO 3 - NORMAL"><img src=" COLE O CÓDIGO DO BACKGROUND AQUI 3" /></a></center></div>
 <style>
#backgrounds a img{
width:40px;
height:40px;
display:inline;
margin-right:10px;
margin-top:15px;
border: 2px solid #FF0000;
}
 </style>
<div id="backgrounds">
<script src='http://code.jquery.com/jquery-1.6.2.min.js' type='text/javascript'></script>
<script>
$(document).ready(function(){
 $("#background05").click(function(){
  $("html").css({"background":"url(COLE O CÓDIGO DO BACKGROUND DE BAIXO AQUI)"});
 });
});
$(document).ready(function(){
 $("#background06").click(function(){
  $("html").css({"background":"url(COLE O CÓDIGO DO BACKGROUND DE BAIXO AQUI 2)"});
 });
});
$(document).ready(function(){
 $("#background07").click(function(){
  $("html").css({"background":"url(COLE O CÓDIGO DO BACKGROUND DE BAIXO AQUI 3)"});
 });
});
</script>
<center><a href="javascript:void(O)" id='background05' title="MUDE O BACKGROUND"><img src=" COLE O CÓDIGO DO BACKGROUND DE BAIXO AQUI" /></a>
<a href="javascript:void(O)" id='background06' title="MUDE O BACKGROUND 2"><img src=" COLE O CÓDIGO DO BACKGROUND DE BAIXO AQUI 2" /></a>
<a href="javascript:void(O)" id='background07' title="MUDE O BACKGROUND 3"><img src=" COLE O CÓDIGO DO BACKGROUND DE BAIXO AQUI 3" /></a></center></div>

Mude onde estiver em negrito e salve.
Espero que tenham gostado!!!

Créditos: ???