Coloque caixa de cor ou back que muda no seu blog

Vocês já tevem ter visto essa nova 'tendência' em algum blog , se não viram ainda vou explicar : Se trata de um gadget onde vão várias cores (ou background) que quando você clica esse vira o background do seu blog


é uma coisa legal pra quem quer deixar que seus leitores tenham mais 'introsamento' com seu blog , além de que cada leitor ou até você possa vê-lo sempre diferente e de acordo com seu gosto e estilo , essas caixinhas já existiram antes , eu sei porque a uns 3 anos atraz entrei em um site que tinha isso , mais ao invez de 'caixa' era ícones que quando você clicava o layout do blog ficava bem diferente , e com vários estilos , o tutorial é pratico e bem simples


Colocando o widget como caixa de cores :
Vá em design > elementos da página > adicionar gadget > HTML/Javascript e cole o 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTlKOYkwGV0B38eOEAd2CtYDuvz73OOpXS-sC836h5hMV9pxbkNZUGFqtiUI8b5P9JGL84x2NacHUs_c7ERJQmxwoubyqEPyq4EAOcnK3lXqiM3arrJoGf7Y0bjB8bD937w1naGqzGuRAo/s200/body-rojo.png" /></a><a href="#" onclick="javascript:document.body.style.backgroundColor='#fff000'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLlsZD1rqTuR9aImQVjFeZenA-i2LeRnw4QRhzO_NRbBpH_xK2mR35CGCUqi8k-kfUE5aIoqbGjji5yOthQrH0dd1Ds1T-H0QelYujObofvtfSljtq4wgl8p96H4Oc9XXIS0Pvq9KVpivb/s200/body-amarillo.png" /></a><a href="#" onclick="javascript:document.body.style.backgroundColor='#04B404'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp-_7mo1SutJnGtwOp_RL5qJwvZoTK9JnB2sMMHVCZu5yaFVsLG1kr9fsDPFVEbIcLwuqYId4JCX_YMoXiqt8F6DC_oBS05Mj7t1RQAsSYfGL8c_E8hE6Lu1LxzP0JfzBKAEhbtDCY39MW/s200/body-verde.png" /></a><a href="#" onclick="javascript:document.body.style.backgroundColor='#0080FF'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY99AMXGwMNdroWl-f8CfAyutGWmog4OYLOBM-4kERm8BlLmFJ1RiYOvrBfBHcE23s0hOObB2B_Tm0sIwUENlQCuaL2IFPKtwKQ5ufwe5gXMjDXJAdnFzWSPPhH2eVXqU-tqZ1DOZJblRq/s200/body-azul.png" /></a><a href="#" onclick="javascript:document.body.style.backgroundColor='#CC00FF'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdE_eP_5_AfgVmPdeWJ_V3NOieD4DL2WHYE8SaXiV3im9_pmUstB3UukaJXX6pkfHx44Z8Vdpz5Kpfw1uCl8qwspupHruVH8xKMmhjtvgkSQJjU3tMI6O-W7HO5megzLC6iaWOqma-ZhvW/s200/body-morado.png" /></a><a href="#" onclick="javascript:document.body.style.backgroundColor='#F781BE'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDJMOdwjvkjUcPhrCxWFEoIbUoRLPlFmxdIvwil0KBvH9BBepPDfu-Mp6FG6mIW4dSphbbXFMEeauffKoPRq9gEZKVsDTes1olb_3KwQU4gDZCuOWsbngWfOuMCYfvg076b_iuMWi0nPuz/s200/body-rosa.png" /></a><a href="#" onclick="javascript:document.body.style.backgroundColor='#000000'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM9KKboSE0vjQTdY2ilPIMzdsUF8QH3GIXjtOhCGtRGThC4Dqf4DxW2MBW4wk9Bvo8Jf00Ho2jPZfY9ttvtCzgiUvpnFfAQu8I9gS7amP1J9D4JiPNABV9t9ZgxQc5zlzy5HqAqaKmuBZK/s200/body-negro.png" /></a><a href="#" onclick="javascript:document.body.style.backgroundColor='#FFFFFF'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_ovWcsq_SghwMa78vO4Rr8pyQqMhLUhwk07eDpa5odkTY2-jRtBkgCg_B3HTf8e9r7noh2T2uKVYfcjdVTphX_ilZY1lVnRi9U7d4Fb8zFQmSwjUEr57IPQe_LNHMEFlrqXBcALdhMkSN/s200/body-blanco.png" /></a></center>

Pronto , posicione o widget onde quiser e ele já estará no seu blog

Colocando caixa com backgrounds :
é quase a mesma coisa que o outro código , mais ao invez de 8 opções , serão só 4 Eu vou colocar aqui um código com backgrounds prontos , no caso os que eu escolhi , são esses :


o código :

<div style="text-align:center;">Troque a cor do blog</div><br /><center>
<a href="#" onclick="javascript:document.body.style.background='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY-ql0QLcMaW_T37F6km12-8F0chkKWHAhDYjTgU1YN98C7xDreShsQsgRHhUysoXkSDBmoM8qMnT7-f0JtbY_PR4300BXaiI5VM1Anv5nse6JOx8qOxG9eW_6RkFz4Cu5xlMC0UVEp_JX/s104/fundo+%2528277%2529.gif'; document.body.
style.backgroundImage='none';"><img src=
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfs3s3EBmhN-Q4ldCdaBZ3ua2LbnBbC5HtpfQfqSOjnH2hUndSx7rOvAv9EY1s5n2poF640gzmmyY3lH51474RYzwlsgzIIXb3uSiGiHHsadnWvwqJ3vAfz6YZHf5Bt6cIKcp1kEqp_tjj/s1600/azul.bmp" /></a><a href="#" onclick="javascript:document.body.style.background='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIOXAMlXtIYLHo1bEHt0P_9JzCtjFrQYnWIGLjpw-sc2pBxsa34daTlBDqo5pAGjGWScn_Idwsd2ajiyZfXLp152SHI5f7o0ECFCMjheukMkxZtV4zAxkztLYndXvlSIWF6q35Jqlt4_e1/s104/fundo+%252825%2529.jpg'; document.body.
style.backgroundImage='none';"><img src=
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp9kRMkticKSj6OSM6DA9nfnh1Wke0hpw_EOr8jt2usIsh9Xs_G65LhqUB62AOsSCWhHJp2WVwaZOu1V_zKSIA2Gj2R6_CszhdhsD7l0LNdU6y89b03aGt97gBW784GJ6ypHIwQI6zQs9F/s1600/bolin.bmp" /></a><a href="#" onclick="javascript:document.body.style.background='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzwTHrhWUVIZuAgH50S0KFdl5JKs8_avHPGEe-EhopxKCbSwCB_mIOtTOSNLcaTqrPF2YM_oJkkdSt90vGC6TmPMZD0dqiJIWFa640psOky7qceQYjqV22kRJQUmvRjHdFfJ0z92OydxF-/s104/fundo+%2528193%2529.gif'; document.body.
style.backgroundImage='none';"><img src=
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigK_YIjpl4TIHbqvz_aG8CTMrTah9uzfdJoVoRp47fnKPbekdFhtMSJW2oO6R-4dMuKE4WRfFu7WTY5zLqT6uhy_hI9wSf6z2kakazdEILLczhaPPq3eJuYTUWC3OJzHPRzcdsXz1unTnp/s1600/rosa.bmp" /></a><a href="#" onclick="javascript:document.body.style.background='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgylS_2yOrtw9Rx_he_xj-4_wT45Yi65iypS0VYrBEP2enuF9K19N4jgnbsUKcGKYdnPANsjzmcujDqpLemtRIWmnc7sVxehfDc3PI9IIFP2CUC3Mqd5XbQDviPxnPKW-HC-vIv-WvlhmfL/s104/fundo+%2528260%2529.gif'; document.body.
style.backgroundImage='none';"><img src=
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYGhg0xL_1xcGJfSf2-D20tmHOglSXmBkvg75nIazI-6HPLCJUS_doonYtiyJkBmakuJA6wem6SEJ8wUUO657j6e0CI8SgX1pPrR_Bv8Lo4I_qgUrDvJZdAFRKJcCNIi1H5LApgPKh2P_Z/s1600/cinza.bmp" /></a>

Agora,se vocês não quiserem esses backgrounds e sim outros (eu coloquei os que ficam legais com o fs) vocês podem personalizar , vocês só irão precisar de um background (no caso do tamanho original) , e um background (do mesmo que você vai colocar) em tamanho 25 por 25


<a href="#" onclick="javascript:document.body.style.background='URL DO BACK EM TAMANHO ORIGINAL'; document.body.
style.backgroundImage='none';"><img src=
"URL DO BACK PARA VISUALIZAÇÃO NO GADGET 25X25" /></a>

Esse é o código , dai é só colocar 4 códigos desse um com cada background juntinho ,deixe somente um espaço e pronto , salve no gadget Html/javascript e seu blog

ANtes de terminar o post eu tenho um recado muito importante para as postadoras do fs , Eu nao quero que postem no dia que nao é de vocês , não por nada , apenas por organização , porque cada uma tem seu dia e seu assunto , então respeitem , se quiserem deixar o post adiantado deixem como rascunho ou programado PARA O DIA DE VOCÊS ok