Visitante troca as cores de fundo do blog, outras maneiras.

Buscar por: Trocar cor do Blog, Mudar cor do Blog

É só copiar 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/AVvXsEjksU2bsy63-hSmK-aPu5NBx0yV3dtnA-9eK-bfySvnsucRf_n8yHB-Kz8LHSb7S1Re1XAjePcPCZxbzdXksdk2JJvn3skjSmx01GHjynXsB6clWoeIgQ3jOuBNBVHLtSQRtx_Lzc0mRM9J/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/AVvXsEjYcDK4BkJJxbX79f9iHuydJarHVJOTWkSWlo2ZsbOJVtb6k-maWcGuDjyrGtRFJDFye5VDQ8lR8ARAC4IfPcgDujE6Rt69AWqfUvdqxvLnJ19jsm7d-m52HtoM8gLH84zS_k_x43it_IcX/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/AVvXsEjE52kLzv_EHaQ3i6YUCU0KXoj_fn7cNlkz70k2B0vN88VhxAlWgIkwbHu1t7L2PUuH4KTgAknlPOCUzarwqZhYwZoQu7-lIG6LAykeg0jPeifSBlTeEULKvydtdwGcvy4kRVtpMhNWM0LF/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/AVvXsEimfYWcHMmPz7Mat33Tk4LKgGHYMZcCRrM9mfNUGToTf1Se9wcq_vVuIXrPGvQqd-f9bVofF-AXvfKL9xfxPafIIUJhEfXpZpxoyQ7RaMN7IyadRdFNzYF5_u-uUe7CzcOEWn43rjjhZw5B/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/AVvXsEhOc6f45gx-KpYtJaed-GFxXlfOeMJISQQt9SdZs1px49_AregIUvCFfIncoCEC5AZ7mdKFB6PUnU92BTkmP08Xx1FxH-dEYe3oIPpeiLN66EaCVJ_mHid4dLrTprSy6irTSuvaqasKKWL-/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/AVvXsEg18cLgmyG-DKV4e_LL4WPjmErN2FiYZIDfZbXZZaYWrFDiWgsi66rpgQakq6xteeRQTrazVxofNPE_PDQrLvhXJMWkn4P-88td9ovjc8tzF0Kw46swhqS14VhPXaYhhSjO8fPpnVe6dXvD/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/AVvXsEgE0RKleL2dMWb1l3bjY2mu5UagDE7ASNgr9AdZcRtRlQ-6DeLmiFRG25hP3HK8k_RTyWu-3O71oqiFkPah60Ct6Fxorq5oHeG7nSrkZrGNH3SqK8RYqDdMwUvo_pr-Rbj-w_ZZqOA6rEkk/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/AVvXsEiU8gwDpPrhT46S5vc68Ze6YbViF01Hm7ZDxV0nqXdytT8he09cr3caEqV0zfG2d60sJe0On5zRsNKzSMeCiLC2PVcww03p4Vc05reJmLdAIwxnxjvSUXd8nu_yPcMwTDwlpXbZ_FBwsCJk/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/AVvXsEjksU2bsy63-hSmK-aPu5NBx0yV3dtnA-9eK-bfySvnsucRf_n8yHB-Kz8LHSb7S1Re1XAjePcPCZxbzdXksdk2JJvn3skjSmx01GHjynXsB6clWoeIgQ3jOuBNBVHLtSQRtx_Lzc0mRM9J/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/AVvXsEjYcDK4BkJJxbX79f9iHuydJarHVJOTWkSWlo2ZsbOJVtb6k-maWcGuDjyrGtRFJDFye5VDQ8lR8ARAC4IfPcgDujE6Rt69AWqfUvdqxvLnJ19jsm7d-m52HtoM8gLH84zS_k_x43it_IcX/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/AVvXsEjE52kLzv_EHaQ3i6YUCU0KXoj_fn7cNlkz70k2B0vN88VhxAlWgIkwbHu1t7L2PUuH4KTgAknlPOCUzarwqZhYwZoQu7-lIG6LAykeg0jPeifSBlTeEULKvydtdwGcvy4kRVtpMhNWM0LF/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/AVvXsEimfYWcHMmPz7Mat33Tk4LKgGHYMZcCRrM9mfNUGToTf1Se9wcq_vVuIXrPGvQqd-f9bVofF-AXvfKL9xfxPafIIUJhEfXpZpxoyQ7RaMN7IyadRdFNzYF5_u-uUe7CzcOEWn43rjjhZw5B/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/AVvXsEhOc6f45gx-KpYtJaed-GFxXlfOeMJISQQt9SdZs1px49_AregIUvCFfIncoCEC5AZ7mdKFB6PUnU92BTkmP08Xx1FxH-dEYe3oIPpeiLN66EaCVJ_mHid4dLrTprSy6irTSuvaqasKKWL-/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/AVvXsEg18cLgmyG-DKV4e_LL4WPjmErN2FiYZIDfZbXZZaYWrFDiWgsi66rpgQakq6xteeRQTrazVxofNPE_PDQrLvhXJMWkn4P-88td9ovjc8tzF0Kw46swhqS14VhPXaYhhSjO8fPpnVe6dXvD/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/AVvXsEgE0RKleL2dMWb1l3bjY2mu5UagDE7ASNgr9AdZcRtRlQ-6DeLmiFRG25hP3HK8k_RTyWu-3O71oqiFkPah60Ct6Fxorq5oHeG7nSrkZrGNH3SqK8RYqDdMwUvo_pr-Rbj-w_ZZqOA6rEkk/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/AVvXsEiU8gwDpPrhT46S5vc68Ze6YbViF01Hm7ZDxV0nqXdytT8he09cr3caEqV0zfG2d60sJe0On5zRsNKzSMeCiLC2PVcww03p4Vc05reJmLdAIwxnxjvSUXd8nu_yPcMwTDwlpXbZ_FBwsCJk/s200/body-blanco.png" /></a>
</center>

Troque a cor de fundo

Roxo | Amarelo | Verde | Azul | Marrom | Rosa | Preto | Branco 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';">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>

Qualquer duvida é só perguntar !

via: templates & acessórios