Mudando o Fundo do Blog em um Clique

Hey, angels :) What's up?

Hoje o tutorial é bem simples, mas deve-se prestar atenção: Mudar o Fundo do Blog em um Clique. Aprendi no blog Trashy Girl, então créditos dados ^^ Vamos ao tutorial?

Vá em Layout e adicione um gadget de HTML/Javascript. Nele, cole 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 #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://i748.photobucket.com/albums/xx122/luuuh/backgrounds/maenvenenadabackgrounds46.gif)"});

});

});

$(document).ready(function(){

$("#bgcolor2").click(function(){

$("body").css({"background":"url(http://i748.photobucket.com/albums/xx122/luuuh/backgrounds/maenvenenadabackgrounds36.gif)"});

});

});

$(document).ready(function(){

$("#bgcolor3").click(function(){

$("body").css({"background":"url(http://i748.photobucket.com/albums/xx122/luuuh/backgrounds/03.png)"});

});

});

</script>

<center><a href="javascript:void(O)" id='bgcolor1' title="Normal"><img src="http://i748.photobucket.com/albums/xx122/luuuh/backgrounds/maenvenenadabackgrounds46.gif" /></a>

<a href="javascript:void(O)" id='bgcolor2' title="Título Aqui"><img src="http://i748.photobucket.com/albums/xx122/luuuh/backgrounds/maenvenenadabackgrounds36.gif" /></a>

<a href="javascript:void(O)" id='bgcolor3' title="Título Aqui"><img src="http://i748.photobucket.com/albums/xx122/luuuh/backgrounds/03.png" /></a></center>

</div>

Essa cor representa a borda sem passar o mouse.
Essa cor representa a borde quando passar o mouse.
Em todos os lugares com essa cor vocês devem colocar a URL do fundo 1.
Em todos os lugares com essa cor vocês devem colocar a URL do fundo 2.
Em todos os lugares com essa cor vocês devem colocar a URL do fundo 3.
Onde está em Itálico, vocês devem colocar o título dos fundos quando passar o mouse.

 Super fácil, não é?

Espero que tenham gostado!

Beijos,

Mrs. Nightshade.