Gadget de mudar o background do blog

21 de set de 2013 | | |
Hey! Saoirse Ronan *------------*
Hoje eu trago um tutorial que acho que vou usar também aqui que é muito daora, de mudar o Background do blog tipo assim! créditos pela foto adolescente nerd! veja a preview comigo! venha !Thingzinhos, tudo bem?  eu to bem, hoje eu fiz várias coisas, arrumei a casa e blá,blá,blá... e deixei vários posts no rascunhos já pronto para facilitar minha vida, pois não tenho mais tempo de postar aqui, mais agora todo sabado vou fazer 5 posts e deixar no rascunho, para segunda, terça e blá blá blá... vai ser bem melhor!








Em um novo gadget HTML/Java Script, cole:


<div class='widget HTML' id='HTML7'>
<h2 class='title'>Mude 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>

E é isso, espero que tenham gostado, esse tutorial é diwo né? beijo 

4 comentários:

  1. Eu ainda não usei esse efeito, mas ele é super útil c: Talvez um dia eu use. É bom chegar em um blog e poder trocar o bg caso não se sinta bem com o atual *-* Ótima postagem. Beijos.

    b-rokenwings.blogspot.com

    ResponderExcluir
  2. ' Super últil, adoro este tutorial ><

    ~ Beijos ;*
    cantinhodaslovelys.blogspot.com.br

    ResponderExcluir