Como colocar widget de troca de backgrounds

   Olá meus dreamers, hoje tive um dia divertido, fui ao parque e acabei por chegar atrasada à aula de formação cívica. Tinha-me esquecido de marcar a senha e a querida da Leandra pagou-me o almoço no parque, almoçamos juntas. De resto foi um dia normal.

    Hoje vou ensinar-vos a colocar aquele widget que permite ao leitor seleccionar um dos backgrounds disponíveis para o blog. Bem, espero que gostem

    Para ter o widget basta adicionar um HTML / Java Script e colocar o seguinte 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 cordaborda;}
</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(background1)"});
});});$(document).ready(function(){ $("#bgcolor2").click(function(){ $("body").css({"background":"url(background2)"});
});});$(document).ready(function(){ $("#bgcolor3").click(function(){ $("body").css({"background":"url(background3)"});
});
});
</script>

<center><a href="javascript:void(O)" id='bgcolor1' title=" });});</script>
<center><a href="javascript:void(O)" id='bgcolor1' title="Título Aqui"><img src="background1" /></a>
<a href="javascript:void(O)" id='bgcolor2' title="Título Aqui"><img src="background2" /></a>
<a href="javascript:void(O)" id='bgcolor3' title="Título Aqui"><img src="<a href="javascript:void(O)" id='bgcolor3' title="Título Aqui"><img src="background3" /></a></center>
</div>

   Espero que o código esteja fácil de se perceber, caso tenham alguma duvida quanto ao código avisem nos comentários. Espero que tenham gostado.

-Bruna-