Mudando o Fundo em um Click

Foto mais cute *-*

Hooy hooy!! (Mania de colocar bichinhos nos posts agora) Estava pesquisando no google como colocar um negocinho de como mudar o fundo do blog em um click. E graças ao Trashy Girl, eu aprendi! (aleluia) Por isso todos os créditos vão para o Trashy Girl, pois foi ela quem criou o código simples que salvou minha vida e que permite que vocês mesmos escolham a cor do fundo. Pois eu estava cheia de duvidas de qual poderia ser a cor do plano de fundo. Então vocês podem escolher entre Rosa (Normal), Um amarelo alaranjado bem clarinho e um azul claro. Bom, chega de enrolação e vamos ao tutorial.

Copie o código a seguir:

<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(URL_DO_FUNDO_QUE_VOCÊ_ESTÁ_USANDO_AGORA)"});
});
});
$(document).ready(function(){
$("#bgcolor2").click(function(){
$("body").css({"background":"url(URL_DO_FUNDO_2)"});
});
});
$(document).ready(function(){
$("#bgcolor3").click(function(){
$("body").css({"background":"url(URL_DO_FUNDO_3)"});
});
});
</script>
<center><a href="javascript:void(O)" id='bgcolor1' title="Normal"><img src="URL_DO_FUNDO_QUE_VOCÊ_ESTÁ_USANDO_AGORA" /></a>
<a href="javascript:void(O)" id='bgcolor2' title="TITULO_FUNDO_2"><img src="URL_DO_FUNDO_2" /></a>
<a href="javascript:void(O)" id='bgcolor3' title="TITULO_FUNDO_3"><img src="URL_DO_FUNDO_3" /></a></center>
</div>

Agora, vá em Layout >> Adicionar um Gadget >> HTML/JavaScript >> Cole o código. Mas espere. Não salve ainda. Você ainda terá que modificar as partes destacadas. Siga as ordens: Na parte destacada em amarelo, é a url do fundo que você está usando em seu blog atualmente. Aonde está destacado em lilás, é a url do fundo 2 e aonde está destacado em rosa, é a url do fundo 3. Aonde está destacado em verde, é o nome dos planos de fundo, que vão aparecer quando você passar a setinha em cima.

Assim que terminar, salve. E aí, ajudou? Espero que sim. Beijinhos beijinhos, bye bye!