Tutorial -> Como adicionar o Gadget mudar o Background do Blog?

Quer ver o Tutorial? Então leia mas!!

                                                                   este aqui eo 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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEPIJNcOcmGVX-oqn4Dtd-gj8Betv_pomVkIkFXX27qaluI4aL5lk6YMawdMvr4frg2dTCkpeuRbwbm2XaZOn0rphPBiwB7kBBnecOcpNC2CZgTqv_HAoIXlGSIu69XMdeaE0EXphq3e-O/s200/tumblr_la3d1pt4f61qcdtsho1_500.png)"});

});

});

$(document).ready(function(){

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

$("body").css({"background":"url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY4dVuH_sn9zPNhIoYucf_xPthkisEeht45EIhs5ijMWt5GMUFKft7B0rn73cqdGxy0_BeXRvW9pbaj_rRPEPV8PY7Tx0CPdvo3DJUtthdxsrdzQxAyLfp7h70j80TJEnp93PXrePYLWYC/s1600/2bgcs3bth.jpg)"});

});

});

$(document).ready(function(){

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

$("body").css({"background":"url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTmZw-aUDRIGx3d1ZefGjPNSf5PGaPlK2bi7VxoW0-opq1wqeIVRKTThW4PUOc2OGd6XOUi_6ZYywzFhoh1cYU5w35bZWplrcxaqsXUP2dLvV5qviR1MdPk4BBBz6Ao7v6IGO5I9ubCfar/s1600/1074864.png)"});

});

});

</script>

<center><a href="javascript:void(O)" id='bgcolor1' title="Cutie "><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEPIJNcOcmGVX-oqn4Dtd-gj8Betv_pomVkIkFXX27qaluI4aL5lk6YMawdMvr4frg2dTCkpeuRbwbm2XaZOn0rphPBiwB7kBBnecOcpNC2CZgTqv_HAoIXlGSIu69XMdeaE0EXphq3e-O/s200/tumblr_la3d1pt4f61qcdtsho1_500.png " /></a>

<a href="javascript:void(O)" id='bgcolor2' title="Moderno "><img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY4dVuH_sn9zPNhIoYucf_xPthkisEeht45EIhs5ijMWt5GMUFKft7B0rn73cqdGxy0_BeXRvW9pbaj_rRPEPV8PY7Tx0CPdvo3DJUtthdxsrdzQxAyLfp7h70j80TJEnp93PXrePYLWYC/s1600/2bgcs3bth.jpg" /></a>

<a href="javascript:void(O)" id='bgcolor3' title="Rocker "><img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTmZw-aUDRIGx3d1ZefGjPNSf5PGaPlK2bi7VxoW0-opq1wqeIVRKTThW4PUOc2OGd6XOUi_6ZYywzFhoh1cYU5w35bZWplrcxaqsXUP2dLvV5qviR1MdPk4BBBz6Ao7v6IGO5I9ubCfar/s1600/1074864.png" /></a></center>

</div>

Entenda o codigo

Vermelho: Largura dos ícones dos backgrounds.

Lilás: URL do background 1.

Rosa: URL do background 2.

Verde: URL do background 3.

Laranja: Títulos dos backgrounds (quando o cursor passa pelos backgrounds).

É só editar as partes dos códigos com estas cores, e após terminar a edição, vá em:

Designer -> Adicionar um Gadget -> HTML/JavaScript

E colar o código, dando a ele o título que quiser!

gotaram do tuto espero que sim beijão amoress aprendi no girls oline:D

daqui a pouquinho volto com mais coisinhas pro seu blog um beijão ha
desculpe não te postado o ep 2 foi pq estava esditando as paginas do
blog mas agora ja estão prontas menus as de percerias então eu acho que ainda
hj posto o episodia da nosa web novela