Visitante troca as cores de fundo do blog, outras maneiras

Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo.

Eu já havia mostrado um script para dar a seu visitante a opção de trocar as cores de fundo do blog. Eis então outros códigos com a mesma função. copie o modelo de sua preferência e cole no HTML/Javascript.

 

Este modelo

<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/AVvXsEhUdNT7cPxuL02nF12zJ4ydRZMf6fGlDvG8JJLA6g3bfxAj1jMyg-yIHb2Ox_YV2R91OVlm6ePI6wTxGZs42eGRaJLj-tJPOnQ7lCXlG2mxyOJpZCFyd-EBT8eRFv-83E-3_BXN3muNYUA4/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/AVvXsEh17hEyNOxPIukEc4ia_gPSrEKU4ahj3XSy8zs6tTzlixe4sHuNlbRpDmuvmbFToq4wV1cnrBrgfyY-oh6-DtXL0c4EWhJiuQW8gUyaS5EqG7-GNMZsX843mE0_kbUYHx5RH1UyePozJRL5/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/AVvXsEjdYLir3y7w38fSsEOf2Y54hwnggXiwTnh1gTJOMDz1fbPCpF0o0VqX1dQCJbHav-EsspznbcHd_7t1CbllHOTDovRot7n8zuqCNqTUzG5txbdGzU3jy4vME6p5sv9n0Sbzr1V_zNJa7hKa/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/AVvXsEg_EJZ27GwH1MhuCCOrN1styuuN9y4NQuaUUgb1SX1fe3bOO3W2ub-lKf0jVdTlnhpoX3C9Wsh4ryOPLF6vKsuqK4LM0y5Y7Ha71nANo-MAl1TARrw6atFkvCrqJCJDDYY98FCRBr7Eqt5v/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/AVvXsEg-0bstYgYsgtb33sqgLTSSrkKv5s-KapgvUmFcR1Xd4VxrAgKJHOwrU2mATxygKSoOUSWOoGerdILGV9bQHExzTDkfEXzbb6n8dTpLanUjGA6jsutnwuZ1B9JCOvKHfth0oSgqh-xWtnOD/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/AVvXsEj6RNSlkuGtxezfyNGVOrwVuZitT1o3pQHHngc29jB0mNHBmqjNtPSLfAXGPVQ4altcngUsevlENiooaAqiL2x-W432n9tWDUaTGfi4iAiGkY-6Bge2uorfQyJ_31c8h5B_aX-h-ac90fEQ/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/AVvXsEjcNzIAn8S0uRUOB2ltSiNFIT9iEIkOTteuhJTwQ_gMfmtRBI34JNxEzxt3-kGDo6h9nF3BvBWQ2S5OZKMwRDBdyhyphenhyphenH1WYWTMu1KlTde1LeIZkFGfPgDwQpi9BcJSLNygy1RK7Whzn-hHPx/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/AVvXsEgJKOwUPwPzGB8woxXSuPqy1O_ez3jhUh0CgRQK7XYt2BxKKWLFbcCv2OLif0cPWFuRgua9pdSGs0qAcDzKtzs9kV6n_n9xg0x0rlwh7xzYOyXPGSYbGLFw65fQC1aCMXU7cfLZ1XlUNaPu/s200/body-blanco.png" /></a>
</center>

Este modelo 

<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/AVvXsEhUdNT7cPxuL02nF12zJ4ydRZMf6fGlDvG8JJLA6g3bfxAj1jMyg-yIHb2Ox_YV2R91OVlm6ePI6wTxGZs42eGRaJLj-tJPOnQ7lCXlG2mxyOJpZCFyd-EBT8eRFv-83E-3_BXN3muNYUA4/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/AVvXsEh17hEyNOxPIukEc4ia_gPSrEKU4ahj3XSy8zs6tTzlixe4sHuNlbRpDmuvmbFToq4wV1cnrBrgfyY-oh6-DtXL0c4EWhJiuQW8gUyaS5EqG7-GNMZsX843mE0_kbUYHx5RH1UyePozJRL5/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/AVvXsEjdYLir3y7w38fSsEOf2Y54hwnggXiwTnh1gTJOMDz1fbPCpF0o0VqX1dQCJbHav-EsspznbcHd_7t1CbllHOTDovRot7n8zuqCNqTUzG5txbdGzU3jy4vME6p5sv9n0Sbzr1V_zNJa7hKa/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/AVvXsEg_EJZ27GwH1MhuCCOrN1styuuN9y4NQuaUUgb1SX1fe3bOO3W2ub-lKf0jVdTlnhpoX3C9Wsh4ryOPLF6vKsuqK4LM0y5Y7Ha71nANo-MAl1TARrw6atFkvCrqJCJDDYY98FCRBr7Eqt5v/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/AVvXsEg-0bstYgYsgtb33sqgLTSSrkKv5s-KapgvUmFcR1Xd4VxrAgKJHOwrU2mATxygKSoOUSWOoGerdILGV9bQHExzTDkfEXzbb6n8dTpLanUjGA6jsutnwuZ1B9JCOvKHfth0oSgqh-xWtnOD/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/AVvXsEj6RNSlkuGtxezfyNGVOrwVuZitT1o3pQHHngc29jB0mNHBmqjNtPSLfAXGPVQ4altcngUsevlENiooaAqiL2x-W432n9tWDUaTGfi4iAiGkY-6Bge2uorfQyJ_31c8h5B_aX-h-ac90fEQ/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/AVvXsEjcNzIAn8S0uRUOB2ltSiNFIT9iEIkOTteuhJTwQ_gMfmtRBI34JNxEzxt3-kGDo6h9nF3BvBWQ2S5OZKMwRDBdyhyphenhyphenH1WYWTMu1KlTde1LeIZkFGfPgDwQpi9BcJSLNygy1RK7Whzn-hHPx/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/AVvXsEgJKOwUPwPzGB8woxXSuPqy1O_ez3jhUh0CgRQK7XYt2BxKKWLFbcCv2OLif0cPWFuRgua9pdSGs0qAcDzKtzs9kV6n_n9xg0x0rlwh7xzYOyXPGSYbGLFw65fQC1aCMXU7cfLZ1XlUNaPu/s200/body-blanco.png" /></a>
</center>

Troque a cor de fundo

Roxo | Amarelo | Verde | Azul | Marrom | Rosa | Preto | BrancoEste modelo  

<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';">Roxo</a> |
<a href="#" onclick="javascript:document.body.style.backgroundColor='#fff000'; document.body.style.backgroundImage='none';">Amarelo</a> |
<a href="#" onclick="javascript:document.body.style.backgroundColor='#04B404'; document.body.style.backgroundImage='none';">Verde</a> |
<a href="#" onclick="javascript:document.body.style.backgroundColor='#0080FF'; document.body.style.backgroundImage='none';">Azul</a> |
<a href="#" onclick="javascript:document.body.style.backgroundColor='#CC00FF'; document.body.style.backgroundImage='none';">Marrom</a> |
<a href="#" onclick="javascript:document.body.style.backgroundColor='#F781BE'; document.body.style.backgroundImage='none';">Rosa</a> |
<a href="#" onclick="javascript:document.body.style.backgroundColor='#000000'; document.body.style.backgroundImage='none';">Preto</a> |
<a href="#" onclick="javascript:document.body.style.backgroundColor='#FFFFFF'; document.body.style.backgroundImage='none';">Branco</a>
</center>

Original: Ciudad de Blogger