Cambiar el fondo del blog a eleccion.

Este gadget le da un toque interactivo a tu blog, ya que el lector puede cambiar el fondo del blog a eleccion...suena entretenido vdd? y lo es, por lo menos a mi en lo personal me gusta ya que si no me gusta el fondo que pusieron al blog, elijo otro xD 

Vista Previa Clic Aqui

Es muy facil de poner ya lo veran :)

Primer paso.- Anda a Plantilla >> Edicion de HTML y antes de ]]></b:skin> pegas este pequeño codigo:

 #cutie a img{
width:50px;
height:50px;
display:inline;
margin-right:10px;
margin-top:15px;
border: 1px dashed #FFE1F6;
}
#cutie a:hover img{
border: 2px solid #bdebff;
}

 Segundo paso: Ve a diseño y abre un gadget html y pegas ahi el siguiente codigo:

<center>
<img src="http://media.tumblr.com/tumblr_m3xxyaSlJQ1rodiav.gif"/></center>
<div id="cutie">
<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 DE PRIMER FONDO)"});
            });
});
$(document).ready(function(){
            $("#bgcolor2").click(function(){
                        $("body").css({"background":"url(URL DEL SEGUNDO FONDO)"});
            });
});
$(document).ready(function(){
            $("#bgcolor3").click(function(){
                        $("body").css({"background":"url(URL DEL TERCER FONDO)"});
            });
});
</script>
<center>
<a href="javascript:void(O)" id='bgcolor1' title=" "><img src="URL DEL PRIMER FONDO" /></a>
<a href="javascript:void(O)" id='bgcolor2' title=" "><img src="URL DEL SEGUNDO FONDO" /></a>
<a href="javascript:void(O)" id='bgcolor3' title=" "><img src="URL DEL TERCER FONDO" /></a>
</center>
</div>

Tercer paso: Guardas y listo :)!

Ahora solo tienes que poner las url/direcciones del fondo que te guste oki ^^!