Tutorial: Gadget que munda o fundo do blog

Estou aqui de novo pra ensinar a vcs como colocar o gadget que permite o leitor mudas o background do blog! Muitas pessoas tem me pedido com fazer, então vou ensinar! Se pegar de créditos! Clique em continue lendo pra ver!



É bem simples, vá em Designer> Adicionar Gadget> HTLM\ JavaScript


E copie esse codigo:


 <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 BACKGROUD 1)"});

 });

});

$(document).ready(function(){

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

  $("body").css({"background":"url(URL DO BACKGROUD 2)"});

 });

});

$(document).ready(function(){

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

  $("body").css({"background":"url(URL DO BACKGROUD 3)"});

 });

});

</script>

<center><a href="javascript:void(O)" id='background01' title="1"><img src="URL DO BACKGROUD

1" /></a>

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

<a href="javascript:void(O)" id='background03' title="3"><img src="URL DO BACKGROUD 3" /></a></center></div>

Agora, abra o word e o bloco de notas!
Mas pra que isso? 
R: O Word serve pra editar onde está URL DO BACKGROUND que é onde você vai apagar e colar o código do background, cole o Código acima no word. E o blog de notas, é pra você colocar os códigos (links) dos backgrounds de maneira organisada! 


 Escolha os background que vc gostou, é só apertar com a tecla direita do mouse sobre a imagem, ir em COPIAR URL DA IMAGEM e colar no Bloco de notas e dar um espaço de no minimo 2 parágrafos e repetir mais duas vezes com as outras imagens desejadas! 




Depois de copiar os 3 codigos, vá no word, apague onde esta em rosa, e cole o primeiro código ( Não retire as aspas nem os parenteses! Nem deixe espaço)
Repita isso nos outros, no roxo o segundo e no vermelho o 3!






Fácil né? Bjos! Se pegarem, de créditos!