![](https://lh6.googleusercontent.com/-lLqRhSxLieM/UBMwEMuiQtI/AAAAAAAAEj0/JqZn3gcVBb0/s640/tumblr_kzp5jmcS8Y1qza6kro1_500_large.png)
Vocês já devem ter visto em muitos blogs esse gadget super fofo que muda instantaneamente o Background do blog. Hoje trouxe o código pra vocês colocarem ele no blog de vocês
Basta você ir em layout -->adicionar um Gadget --> html/javascript.
![Gif de macaco](https://lh6.ggpht.com/_BJo2sJZzI3g/Sq5GGbAKaEI/AAAAAAAAIwg/9lz7wj06MI0/s400/monkey5.png)
Cole esse código abaixo, alterando o que estiver em vermelho
<div class='widget HTML' id='HTML7'>
<h2 class='title'>Troque o Fundo</h2>
<div class='widget-content'>
<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 FUNDO 1)"});
});
});
$(document).ready(function(){
$("#background02").click(function(){
$("body").css({"background":"url( URL DO FUNDO 2)"});
});
});
$(document).ready(function(){
$("#background03").click(function(){
$("body").css({"background":"url( URL DO FUNDO 3)"});
});
});
</script>
<center><a href="javascript:void(O)" id='background01' title="1"><img
src="URL DO FUNDO 1" /></a>
<a href="javascript:void(O)" id='background02' title="2"><img
src="URL DO FUNDO 2" /></a>
<a href="javascript:void(O)" id='background03' title="3"><img
src="URL DO FUNDO 3"
/></a></center></div>
</div></div>
![](https://lh3.googleusercontent.com/-jiRoLe-uuQw/UBMtdcYm4YI/AAAAAAAAEis/lKK_gQmHmrQ/s200/Aer3O.jpg)
![](https://lh5.googleusercontent.com/-xo0s-B2P43E/UBMtf9U-bWI/AAAAAAAAEi0/fkxo8vKpelA/s200/arsl10_dbd.jpg)
![](https://lh5.googleusercontent.com/-YNKynnhmfrs/UBMthTzc0sI/AAAAAAAAEi8/VLDU1KVdmrQ/s200/baby-blue-fabric-with-floral-pattern-texture-600x400.jpg)
![](https://lh3.googleusercontent.com/-VhmwXZO7_zM/UBMtjjrdAFI/AAAAAAAAEjE/iUShKIh3zVU/s200/background-13986_640.jpg)
![](https://lh3.googleusercontent.com/-HhUcQ1woOL8/UBMtkJ1bYXI/AAAAAAAAEjM/hfS_-veTuVY/s200/cute%2520lanche%2520background.jpg)
![](https://lh5.googleusercontent.com/-Q_OmlzERKBI/UBMtmBVl9kI/AAAAAAAAEjU/kAOnmFUGYK0/s200/scribble-flower-pattern1.png)
![](https://lh3.googleusercontent.com/-F-3vErXgHZg/UBMtoQZyn6I/AAAAAAAAEjc/M_w-uqYSb0E/s200/tumblr_luel7tEi2E1qeei4to1_r1_500_large.png)
![](https://lh3.googleusercontent.com/-uCtwnPtKk_o/UBMtrlXVWVI/AAAAAAAAEjk/nil4znq1wPY/s200/vector-flower-squares-background-11-by-dragonart.png)
Gostei bastante do tutorial.E os back's são divos rs
ResponderExcluirBeijos! ♥
http://caprichadasbr.blogspot.com.br/
ótimo tutorial adorei!!!
ResponderExcluirEstou seguindo de volta, lindo blog!
beijos
http://diariociumento.blogspot.com.br
Ótimo tutorial,gostei :D
ResponderExcluirMuito bem elaborado
http://dezapaixao.blogspot.com.br/
Bem legal, não sabia disto *-*
ResponderExcluirboa semana
;*
dudsparrow.blogspot.com
Ola Adorei o tutorial vou colocar no meu:)
ResponderExcluirOs fundo são lindos...beijOos
http://compatilhandocom.blogspot.com.br/
Anw que tutorial fofo ,
ResponderExcluirAmei os Backgrounds
beijos ;*
http://keepcalmandeatnutella.blogspot.com.br/
Nossa que legal nunca tinha visto esse tutorial, pra mim é novidade e pra falar a verdade eu ameiiii
ResponderExcluirJá estou seguindo aqui beijoooks
http://rosamaispink.blogspot.com.br
amei os backs muito lindos
ResponderExcluirCurti http://www.facebook.com/bLeitorCompulsivo
http://garotoonerd.blogspot.com.br
Oi flor,amei seu blog ele é simplesmente lindo e já estou seguindo.Beijos
ResponderExcluirhttp://amoraruffles-blogger.blogspot.com.br