. Mundo das meninas: Tutorial como colocar o Gadget "Mude o fundo"

2 de janeiro de 2014

Tutorial como colocar o Gadget "Mude o fundo"

Oii lindinhas


Primeiramente quero saber se gostaram do novo visual do blog ? (comente ou vote na enquete)  voltando ao post vou ensinar  a vocês como colocar o Gadget mude o fundo 


1- Vá em Layout e adicione um Gadget do tipo HTML/Java Script.
2- Cole esse código e faça as substituições 

<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>


Onde está rosa você vai colocar o URL das imagens que você quer, o mesmo URL que você colocar no "URL do fundo 1" que está em cima você vai colocar no "URL do fundo 1" que está em baixo. A parte que está azul você vai ajustar a largura das imagens o meu e 70px

Agora e só salvar, viu como é facil ;)


10 comentários:

  1. Vim dizer que está em tag no meu blog! Espero que goste e parabéns pelo blog!
    http://minhas-serendipidades.blogspot.com.br/2014/01/selo-liebster-award.html
    Beijos.

    ResponderExcluir
    Respostas
    1. Muito obrigada pela indicação, estou muito feliz :)

      Excluir
  2. Lindona, q super ! Nunca tinha visto esse tutorial *-*
    Ain ja virei fã *-*
    é lógico que já estou supeer seguindo e curtindo sua fan page e te convido a seguir meu blog tb e a curtir minha fan page. Se puder se inscreva no meu canal do Youtube: http://www.youtube.com/user/tainaheille. Me manda o seu p eu me inscrever tb (:

    nossoblogdemodaa.blogspot.com

    ResponderExcluir
    Respostas
    1. Já estou seguindo seu blog, curtindo sua fan page, e já me inscrevi no seu canal do youtube, seu blog e muito fofo ^^

      Excluir
  3. Eu acho muito legal esse gadget, até porque você escolher alguns fundos que você acha que ficam legais e ai o leitor pode escolher como preferir. Isso é ótimo ahah
    beijos
    sim senhorita (clique aqui ou no perfil)

    ResponderExcluir
    Respostas
    1. Também achei muito legal, procurei esse Gadget por que não conseguia decidir qual plano de fundo colocar, então cada leitor escolhe o que mais gosta.

      Excluir
  4. Caramba,quebro as minha perna O.o,o melhor que ja vi !

    ResponderExcluir
    Respostas
    1. Obrigada! mais também não é isso tudo,
      volte sempre ao meu cantinho!

      Excluir
  5. Respostas
    1. No Google
      Se você quiser pode usar também!

      Excluir

*Obrigada por visitar meu cantinho!
* se retribuo? claro que sim, deixe o link do seu blog!
*Comente sobre o post
*Sem grosserias ou conteúdo inadequado
*O brigado por comentar♥♥