10 janeiro 2012

Como colocar uma caixa de cores para o leitor mudar o fundo do blog, confira!

Oi gente! Entrei pra postar um tutorial superfácil e bem legal pra vocês. É tão fácil que nem se usa HTML!
Não sei se vocês já viram aquelas caixinhas que alguns blogs tem de trocar o backgroud (fundo) do blog a preferencia do leitor. Tipo essa daqui ó:
Bora ver o tutorial! 


Primeiro vá no painel, depois em Design. Depois, adicione o gadget HTML/JavaScript:

HTML/JavaScriptHTML/JavaScriptAdicionar
Adicionar funcionalidade de terceiros ou outro código a seu blog.
Por Blogger
Então, é só adicionar esse código:
<div style="text-align:center;">Troque a cor do blog</div><br /><center>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#ff0000'; document.body.style.backgroundImage='none';"><img src="http://4.bp.blogspot.com/_dsEG33PDaHw/S32TTX4H60I/AAAAAAAAAJU/qYc4BYZclgg/s200/body-rojo.png" /></a>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#fff000'; document.body.style.backgroundImage='none';"><img src="http://2.bp.blogspot.com/_dsEG33PDaHw/S32TK7730eI/AAAAAAAAAIs/3v5O2GDrs1s/s200/body-amarillo.png" /></a>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#04B404'; document.body.style.backgroundImage='none';"><img src="http://2.bp.blogspot.com/_dsEG33PDaHw/S32TTyfDggI/AAAAAAAAAJk/9x17-Ec7Dnw/s200/body-verde.png" /></a>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#0080FF'; document.body.style.backgroundImage='none';"><img src="http://4.bp.blogspot.com/_dsEG33PDaHw/S32TLXeztWI/AAAAAAAAAI0/7hWfrfWsdKU/s200/body-azul.png" /></a>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#CC00FF'; document.body.style.backgroundImage='none';"><img src="http://2.bp.blogspot.com/_dsEG33PDaHw/S32TMB5SOXI/AAAAAAAAAJE/PRMfKVBj6fM/s200/body-morado.png" /></a>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#F781BE'; document.body.style.backgroundImage='none';"><img src="http://1.bp.blogspot.com/_dsEG33PDaHw/S32TTl7vW9I/AAAAAAAAAJc/GHdXgYyF4Ro/s200/body-rosa.png" /></a>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#000000'; document.body.style.backgroundImage='none';"><img src="http://2.bp.blogspot.com/_dsEG33PDaHw/S32TMY3FA9I/AAAAAAAAAJM/6Hx0CAagVOQ/s200/body-negro.png" /></a>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#FFFFFF'; document.body.style.backgroundImage='none';"><img src="http://2.bp.blogspot.com/_dsEG33PDaHw/S32TLuZ0f1I/AAAAAAAAAI8/r1AHB4GpoPQ/s200/body-blanco.png" /></a>
</center>
Se você quiser mudar ás cores, é só mudar o código da cor que está em vermelho pelo da cor que você quer.
Beijão!




7 comentários :

  1. Oi linda, queria que me ajudasse em algumas coisinhas de desing. Ou então, queria que me indicasse algum blog de encomendas (:

    beijinhos :*
    www.fashionnathalia.blogspot.com

    ResponderExcluir
  2. OI Ingrid tem uma promoção lá no blog,participa lá?http://cuteteen-camilaf.blogspot.com/2012/01/promocao-de-verao.html

    ResponderExcluir
  3. Ameei o tutorial e Adorreei aqui ta de Parabéns seu blog e muuuito bom eu amei amei tudo as postagens são impecáveis , eo design ta PEERFEITO , vou sempre estar aqui em ... já sigo segue de volta ?
    Portal Disturbia

    ResponderExcluir
  4. Olá, eu estava navegando na blogosfera e achei o seu blog! Confesso que me surpreendi com a qualidade dos posts e com o layout!

    Eu estou recomeçando meu blog e conto com a sua ajudinha, comentando e quem sabe seguindo (:

    Te onvido também para participar do tudo4blogs e das inscrições para parceria!

    Beijos e obrigada,
    http://tudo4girls.blogspot.com

    ResponderExcluir
  5. awn, esse post é mt util e super legal hahahaha

    seguindo aqui *-* rs, seu blog é perfeito e seus posts sao mt bem elaborados!

    sempre que puder venho comentar aqui rs <3
    novo post lá no meu blog :b

    ah , segue dvlt?

    bjs e brigaada \o
    bnascimentooo.net.tc

    ResponderExcluir
  6. awn, esse post é mt util e super legal hahahaha

    seguindo aqui *-* rs, seu blog é perfeito e seus posts sao mt bem elaborados!

    sempre que puder venho comentar aqui rs <3
    novo post lá no meu blog :b

    ah , segue dvlt?

    bjs e brigaada \o
    bnascimentooo.net.tc

    ResponderExcluir
  7. Olá, adorei o blog. Muito lindo está de parabéns! Os posts? Nossa são de mais *o* Já estou seguindo seu blog, não resistir!

    Poderia da uma passadinha no meu blog? Nao é lá aquelas coisaas, mais.... Ficaria muito grata de ver voce lá! Se gostar segue por favor? É isso então, um bejo muuuuuuito grande.

    www.porckybunny.blogspot.com

    ResponderExcluir

Comentários anônimos são aceitos apenas para elogios ou perguntas;
Deixe o link do seu blog para eu retribuir seu comentário;