28 de mai de 2012

Tutorial: Gadget que muda o background do blog


Acho esse gadget muito legal! Se eu fosse vocês eu usaria sem dúvidas no blog.
Peguei esse tutorial no blog Sweet Poison, então créditos à eles.
Vamos ao tutorial:

Design>>Elementos da página>>Adicionar HTML/Javascript>> e cole:

<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 primeiro background)"});
 });
});
$(document).ready(function(){
 $("#background02").click(function(){
  $("body").css({"background":"url(URL do segundo background)"});
 });
});
$(document).ready(function(){
 $("#background03").click(function(){
  $("body").css({"background":"url(URL do terceiro background)"});
 });
});
</script>

<center><a href="javascript:void(O)" id='background01' title="1"><img src="URL do primeiro background" /></a>
<a href="javascript:void(O)" id='background02' title="2"><img src="URL do segundo background" /></a>
<a href="javascript:void(O)" id='background03' title="3"><img src="URL do terceiro background" /></a></center> 

Se usarem comentem e creditem o SP e o DDUG. Sem mais!
Gostaram do tuto? Comentem, beijos

2 comentários:

Obrigada por ler e comentar!
Deixe o link do seu blog (ou seu perfil aberto) para que eu possa retribuir. Não gosto muito de responder dúvidas via comentários, então prefiro que você mande na ask ali ao lado ->
Comentários de divulgação sem nada sobre o post não serão retribuidos. Fale pelo menos um pouquinho sobre o post, por favor.
Faça aos outros aquilo que você quer que façam para você.