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 ó:

Créditos Vamos Combinar

Bora ver o tutorial! 

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

	HTML/JavaScript 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJH2E1xMj_E7j639XnI72PI5lt5_QxkpnsUcFP2MtFsbN9nPZQMUje7pxJVPjLJH4QUopEYq7yQtPr1W7bfRsztogSvg6zZ8qKlf5LrI8fGIG_B8x6akOgN0PHCsD-LIBEbHBuqaOvqnOB/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/AVvXsEj5gV2vxlc-UOF9U0ZdsPmVHcvvfTs1BCrtmV-_IERHpdZ56ME6YERp4bFpQPvamFZ8e56QDoyd9txinmxhaJ5OqDPd6dUmTZPFCwPCCV2Fj87K6STDobYR_VgBJMHIjGu2bIsKMW_YPdPD/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/AVvXsEiy6OHvq6ASh0X0PKMdbiHgjQQkUuXuDDYqiCwum2qNzyJyVWPXeix1JwYDaJAYNqUrY8RlbThi3QIrfFBa0DOXfgX9XrzCw0lDhjqL3sW00sYDwUnVlwIkktqsTnOyyZL7UX6VDzXIZAWH/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/AVvXsEgY3AoukpcrsUcDxGzFG9MX8LtPTvwjlo2nsJc0XPEr2jAzzPtcLiSC_YQnDGjJS84inIRf_2CIJFKh41Lw0IEstxpzPPUmZ5VG4lqRI7FbUVHNEjxAb1wtgat2BJQKElUBGZmerdM1WOhZ/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/AVvXsEiQSEIQzVuexWsPOD8y_MGDNK9fRZdW2nItRfvAEb5IF-NhkoBVThCz0c8wDgOmIBwDx1BRpyLSIqd2vNwbR2Dokn_eRFdYC_p762eTkKhe3NqApcZS5O5x2aYtK6Bx5s4D4HgsEIuonT9u/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/AVvXsEh8ZdR2I4FVm75snzReH-_-IJyO23DtE04srXq7c9Xlg-7yfFYhes7HujUaC4Zbzuc6lEd4s80zuasDiSz2EAJFZWGoJtzmJZZ4T6ZmEDcdft-Wuw7-hzvXFnCa9jJV0CoGkVewuyFKqPkg/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/AVvXsEg7G9M0ShNNvBOq6zOpAr9ejEv9DQFy2IDa_M-yGULPnDwW32hkJt_XnAamNu9zpXga2Zz370BFCso9U1XyiPKBhiMbtE4e_TgM-eqTyTbNfO84yxlm_LetGmLjODiY9_bKgRdUrhbVIbgb/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/AVvXsEh96E-PG_uDog5Ww85YIURo8goGQE9SQyQLyPNhxaqWIq4G0RhqOE_43FrQGaSlvxIQyzvX5uMwX2i_exa-Mv5Z7vPBLlAgbS7_-KdVeiIhHCE-ce2gCaUL4vvmP_Sf7jipD6t1t13-9QJu/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!