Como mudar o background com um clique

 

Hooy meninas,

Eu aprendi um tutorial bem legal no Girls Online que é de como adicionar um gadget que muda o background do seu blog com apenas um clique,fica bem legal mais para isso o cabeçalho do seu blog tem que ter o fundo transparente,Vamos lá?

Primeiro copie esse código 

<style>

#estilo a img{

width:50px;

height:50px;

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(COLE AQUI O URL DO PRIMEIRO BACKGROUND)"});

            });

});

$(document).ready(function(){

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

                        $("body").css({"background":"url(COLE AQUI O URL DO SEGUNDO BACKGROUND)"});

            });

});

$(document).ready(function(){

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

                        $("body").css({"background":"url(COLE AQUI O URL DO TERCEIRO BACKGROUND)"});

            });

});

</script>

<center><a href="javascript:void(O)" id='bgcolor1' title="NOME DO PRIMEIRO BACKGROUND "><img src="COLE AQUI O URL DO PRIMEIRO BACKGROUND " /></a>

<a href="javascript:void(O)" id='bgcolor2' title="NOME DO SEGUNDO BACKGROUND "><img src="COLE AQUI O URL DO SEGUNDO BACKGROUND" /></a>

<a href="javascript:void(O)" id='bgcolor3' title="NOME DO TERCEIRO BACKGROUND "><img src=" COLE AQUI O URL DO TERCEIRO BACKGROUND" /></a></center>

</div>

Onde está destacado de vermelho é a largura das imagens do background que aparecerá no seu gadget

Onde tem escrito NOME DO .... BACKGROUND é o nome que aparecerá quando a seta estiver em cima do background.

Depois é só IR EM DESIGN,ADICIONAR UM GADGET HTML/JAVA SCRIPT E COLE O CÓDIGO LÁ.

Vai ficar assim:

créditos da imagem: Girls Online

Bom gente todos os créditos como no inicio do post,vão ao vlog Girls Online,espero que tenham gostado.

Beijos e fiquem com Deus^^