Como colocar mude de fundo no seu blog

USE CTRL + F PARA PROCURAR

Para que serve esse tutorial?

para que os usuarios possam navegar com um fundo diferente.

voce podera coloca 3 fundos. quem entende de  script podera adicionar mais.  .

1 - Insira a css abaixo acima de ]]></b:skin>

#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;
} 

2 - Insira os Scripts abaixo de ]]></b:skin> 

OBS: Coloque suas imagem de fundo onde esta escrito URL DO SEU FUNDO.

<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 SEU FUNDO 1)"});
 });
});
$(document).ready(function(){
 $("#background02").click(function(){
  

$("body").css({"background":"url(URL DO SEU FUNDO 2)"});
 });
});
$(document).ready(function(){
 $("#background03").click(function(){
  

$("body").css({"background":"url( URL DO SEU FUNDO 3 )"});
 });
});
</script>

<center><a href="javascript:void(O)" id='background01' title="Fundo 1"> 

<img src="URL DO SEU FUNDO 1" /></a>

<a href="javascript:void(O)" id='background02' title="Fundo 2"> 

<img src="URL DO SEU 


FUNDO 2" /></a>

<a href="javascript:void(O)" id='background03' title="Fundo 3"> 

<img src="URL DO SEU FUNDO 3" 

/></a></center></div>

Creditos: Thecreatebr.

Gostou? Comente e Vire um Seguidor!!!