20 de mai de 2012

Tutorial: Como colocar opção Mude o Fundo


Olá minhas batatas fritas do McDonalds ! Tudo bem?
A pedido de uma leitora super fofa eu decidi fazer esse tuto.
Mas, se você quiser ver terá que clicar em leia mais.
Créditos ao blog Apple Of Love.
Primeiro vá em Layout>>Adicionar um Gadget>>HTML/JavaScript
E então cole esse código:



Onde está escrito URL DO FUNDO 1 , URL DO FUNDO 2 e URL DO FUNDO 3, coloque a URL(link) da imagem. 
Lembre-se: Depois de colocar as URL's, mais para baixo, terá mais lugares que você terá que colocar a mesma URL. do 1,2 e 3, mas o HTML vai lhe explicar.
Juju, eu sou muito preguiçosa, me ajuda? .
É o seguinte, se não quiser mudar nada mesmo, vou disponibilizar meu código !

Aqui:

<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(http://data.whicdn.com/images/13486656/tumblr_lo32eeceYJ1qluonfo1_400_large.gif)"});
 });
});
$(document).ready(function(){
 $("#background02").click(function(){

$("body").css({"background":"url(http://i.imgur.com/pbrfa.png)"});
 });
});
$(document).ready(function(){
 $("#background03").click(function(){

$("body").css({"background":"url( http://2.bp.blogspot.com/-TJiAl7uaCE4/TzGm9PFoi5I/AAAAAAAAAsI/HowzczwXkpQ/s1600/madeira_branca.png)"});
 });
});
</script>
<center><a href="javascript:void(O)" id='background01' title="1"><img
src="http://data.whicdn.com/images/13486656/tumblr_lo32eeceYJ1qluonfo1_400_large.gif" /></a>
<a href="javascript:void(O)" id='background02' title="2"><img
src="http://i.imgur.com/pbrfa.png" /></a>
<a href="javascript:void(O)" id='background03' title="3"><img
src="http://2.bp.blogspot.com/-TJiAl7uaCE4/TzGm9PFoi5I/AAAAAAAAAsI/HowzczwXkpQ/s1600/madeira_branca.png"
/></a></center></div>
</div></div

8 comentários:

  1. Que divoooo! Muuuito valeu :3
    Hey, a leitora super fofa, sera eu? Acho que sim. Eeeee! <3
    Bjinhus!

    ResponderExcluir
  2. Oi Juju,

    Eu cliquei nos teus 3 diferentes fundos e agora queria voltar para o que estava quando abri a página.

    Como eu faço?

    ResponderExcluir
  3. Aceita afiliação

    tutorias4you.blogspot.com

    ResponderExcluir
  4. ●ω●
    A-D-O-R-E-I
    Achei super fofo seu blog

    a da uma passadinha:
    http://sweetgirlsil.blogspot.com.br/

    ResponderExcluir
  5. Não deu certo no meu Juju o que eu faço?

    ResponderExcluir

Mini FAQ:
-Não aceito selinhos nem Tags.
-Comentários que não falem nem um pouco sobre a postagem não serão publicados.
-Afiliação apenas para blogs acima de 100 seguidores ou convidados. NÃO INSISTA.
----------------
♥❤∞ ☆ ★ ✖ 。◕‿◕。® ™ ☏✿゚✤
❝❞✥ ✦ ✧ ✩ ✫ ✬ ✭ ✮ ✯ ✰ ✱ ✲ ✳ ❃ ❂ ❁ ❀ ✿✼ ✻ ✺ ✹ ✸ ✷ ₪ ❃ ❂ ❁ ❀ ✿ ✾ ✽ ✼ ✻ ✺ ✹ ✸ ✷
✶ ✵ ✴ ❄ ❅ ❆ ❇ ❈ ❉ ❊ ❋ ❖(◕‿◕✿) 。◕‿◕。 ⊱✿◕‿◕✿⊰(◡‿◡✿)(◕〝◕)◑▂◐ ◑0◐ ◑︿◐ ◑ω◐ ◑﹏◐ ◑△◐ ◑▽◐
●▂● ●0● ●︿● ●ω● ●﹏● ●△● ●▽●
⊙▂⊙ ⊙0⊙ ⊙︿⊙ ⊙ω⊙ ⊙﹏⊙ ⊙△⊙
≡(▔﹏▔)≡