Gadget para o leitor trocar a cor do fundo do blog

Este novo código para o leitor mudar a cor do fundo do blog, não precisa mudar a cor do fundo original, diferente de outro código que temos. Apenas o leitor vai clicar na cor desejada e mudara o fundo do blog.

Estilo 1:

<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/AVvXsEgar_aCXWnN9YSG3a9AUuqORLMDI9IbfnNl6Oaa6RucgpjqzUhd_jBCfd2OABD_OO_2oNUyBSibaBC2LP-qiqOqXy33XTolX2Lm_AdyklfZM6SzAWUqaAo8yRe-C0oUy5QG_yBmEbF8pmov/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/AVvXsEiA9iGRopGwKM7GTnX6X45Hx8b_n6KkvmuRqC3ianYkM-gi6tc4a1p3DIWU3dpZN-Fh-tduGAjP2GOH0ChZKxX4n4GcP7UHpqvtOtuz3xO-99e4yzg-npcEvTe4_7KwbOxWhkFqUHa8VUH0/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/AVvXsEhF1vFcZhfWTschG54gEVWlDfdW_210MASBCwKNJ800dmjEliko4Wbepu3bzbIZO8rSYeebYh2KcN8NIZhFsSfvkCzMx25Bv8vmcwWuOycKsYxqiml2k6PLqPPoNo0kZ9LbQwujk0gqT98v/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/AVvXsEibqEbIPqSfR4uI3uJuFyPbSTSkKNj4ZyZ6i1yCUhBYEeofXw_Ft6ZyAHJ-wkoxN61i-3B5LanHRwh20PteTVuuWLl5cDU7MRqXDrDfBx4Noxxwy9s7wjaY4dQ2LPSlZWM0Tpa1n9E0w_Kt/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/AVvXsEgA68MV10BLKBlKwS9V2i5K-c_pR-VlKEUbv387JFqZ7CE3WOOUuUbjeFL8_T26N_GIvge6Oh3MlkU0LMLqaxiU7RQXlV4lcadBZk-GJhrmB7fmlBTYhUIgytRDULKo8UZOoDDFkBtMgItx/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/AVvXsEhy8qzL7Zq2vnVHN9JrzABohcwAK2kmwB74jqpHlOx9-TaUqVWFkikNwUAJ0xIGFS-xNd-kA4PImfjaT8QajzOMOEmNTatNpOo35VtwLpEj8qFU0I6aP-vhguofp9w2UWesw3DtS4CrXRGi/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/AVvXsEiAsSrZ845JOetNqKr3gMim7dZboSLfgorb-OY6YNm9rFid4FqArDFqehgkdjOPtwryVsKFyCJTAbeYn7jpcHhN-NfYKosnB4SdlJGhEgJvuvykgqrqhZxWYRV6P_Ok3eKJyVtgPChpM4bG/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/AVvXsEgZBWUxQ10KYp-WQ_75sjfq4xfYfS0FksPN9Pv_tx75wwwfeMyfwNBbYL6iiaBSQzN63UcpW8-N00ch0-yapZKjQA9tinZEJAI3ynYwE20EvE-D5CyAi0lLb-RwPjPo2qdSNLtkjDwnTCMc/s200/body-blanco.png" /></a>
</center>

Estilo 2:

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

Escolha um dos estilos, copie o código e no seu blog vá em "Design" > "Elementos da página" e crie um novo gadget de HTML/JAVASCRIPT, cole o código e salve!