Tutorial: Gadget que muda o background do blog

Acho esse gadget muito legal! Se eu fosse vocês eu usaria sem dúvidas no blog.

Peguei esse tutorial no blog Sweet Poison, então créditos à eles.

Vamos ao tutorial:

Design>>Elementos da página>>Adicionar HTML/Javascript>> e cole:

<style>

#backgrounds a img{

width:40px;

height:40px;

display:inline;

margin-right:10px;

margin-top:15px;

border:2px solid #FFFFFF;

}

#backgrounds a:hover img{

border:2px solid #FFEC8B;

}

</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(URL do primeiro background)"});

 });

});

$(document).ready(function(){

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

  $("body").css({"background":"url(URL do segundo background)"});

 });

});

$(document).ready(function(){

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

  $("body").css({"background":"url(URL do terceiro background)"});

 });

});

</script>

<center><a href="javascript:void(O)" id='background01' title="1"><img src="URL do primeiro background" /></a>

<a href="javascript:void(O)" id='background02' title="2"><img src="URL do segundo background" /></a>

<a href="javascript:void(O)" id='background03' title="3"><img src="URL do terceiro background" /></a></center> 

Se usarem comentem e creditem o SP e o DDUG. Sem mais!

Gostaram do tuto? Comentem, beijos