Como colocar um caixa de cores que muda o fundo do seu blog?

10:00

Tumblr_lqctnqkxf01qb4xuro1_500_large

Vários blogs estão usando esse efeito lindo, e quando eu digo vários blogs eu quero muitos, muitos blogs mesmo!... Dar a opção para o seu leitor escolher a cor do seu plano de fundo, é um meio de atrair público,interatividade,e pensamento!.. Esse efeito é muito legal, e engraçado, as vezes eu mudo a cor só apar ver como os blogs mudam, e acho muito engraçado! (kkk).. Vamos Aprender?



Vá em Layout > Adicionar um Gadget! > HTML / Java Scritp!
HTML/JavaScript

Adicione o seguinte 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>

Depois salve!.. 
Espero que tenha gostado do tutorial....
By:AndyReis

Você também pode gostar:

Comentários
13 Comentários

13 mil comentários

  1. Amei o tutorial, realmente o efeito é muito interessante, espero que eu consiga fazer rsrs ..

    http://out-of-orbit.blogspot.com/

    ResponderExcluir
  2. ameeei também, e é tão fácil de fazer ! ^^'
    http://contos-da-lua.blogspot.com/

    ResponderExcluir
  3. Elcimar fico muito feliz que tenha gostado, pensei que esse visual não ia agradar muito a todos, mais pelo jeito, foi ao contrário, já disseram que estava parecido com estilo capricho.. Fico mto feliz com isso. Segue o Twitter Ecleticus. AGRADEÇO!

    Ecleticus
    @Twitter

    ResponderExcluir
  4. Hey Andy tava atras desse tutorial vc me salvou rsrsrsrsrsr, ta massa valeu !!!

    thegirlandboy.blogspot.com

    ResponderExcluir
  5. Muito legal esse tutorial que você fez, e é bem fácil!
    Ah, tem uma tag pra você lá no blog, se não quiser não precisa repassar, sei que o seu tempo é curto ;)
    Beijos, Geoô
    http://closetteeblog.blogspot.com

    ResponderExcluir
  6. Legal mais tenho que aprender primeiro

    entre ae no meu bog galera: http://lazeraberto.blogspot.com

    ResponderExcluir
  7. http://bloquinhodoacesso.blogspot.com/

    ResponderExcluir
  8. entra no meu blog ta ficando bonito

    http://bloquinhodoacesso.blogspot.com/

    ResponderExcluir
  9. Esse mulher é muito Bonita!!!!!!!!!

    entre ae: http://lazeraberto.blogspot.com

    ResponderExcluir

Já curtiu?

+ Lidas