Mudando as cores do fundo do seu Blogger

Para ter um widget onde o visitante pode mudar a cor do fundo do seu blog, como mostro no exemplo AQUI, vá até o HTML do seu Blogger e procure pelo seguinte código: body {

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.

Procure pelo código:    background: 

que estará logo abaixo e apague-o até o ponto e vírgula ;



Agora procure pelo código: ]]></b:skin>

e abaixo dele cole o código que está abaixo.

<script language='JavaScript'>

function r(hval)

{document.bgColor=hval; }

</script>

Agora vá até "Elementos de página", clique em "Adicionar um novo elemento de página" e clique em HTML/Javascript, cole o código abaixo e salve.

Se quiser modificar as cores, troque-as, mas atenção, note que as cores sempre se repetem de duas em duas. Outras cores AQUI

<center>

<table border="0" cellpadding="0">

<tr>

<td bgcolor="#ffffff"> <a onmouseover="r('#ffffff'); return true" href="javascript:">

<img border="0" width="13" src="" height="13"/></a></td> <td bgcolor="#BEA1CC"><a onmouseover="r('#BEA1CC'); return true" href="javascript:">

<img border="0" width="13" src="" height="13"/></a></td> <td bgcolor="#5A4C63"><a onmouseover="r('#5A4C63'); return true" href="javascript:">

<img border="0" width="13" src="" height="13"/></a></td> <td bgcolor="#9F0F34"><a onmouseover="r('#9F0F34'); return true" href="javascript:">

<img border="0" width="13" src="" height="13"/></a></td> <td bgcolor="#990033"><a onmouseover="r('#990033'); return true" href="javascript:">

<img border="0" width="13" src="" height="13"/></a></td> <td bgcolor="#9DB1B2"><a onmouseover="r('#9DB1B2'); return true" href="javascript:">

<img border="0" width="13" src="" height="13"/></a></td> <td bgcolor="#C6D2D2"><a onmouseover="r('#C6D2D2'); return true" href="javascript:">

<img border="0" width="13" src="" height="13"/></a></td> <td bgcolor="#B6D6E5"><a onmouseover="r('#B6D6E5'); return true" href="javascript:">

<img border="0" width="13" src="" height="13"/></a></td> <td bgcolor="#F9A028"><a onmouseover="r('#F9A028'); return true" href="javascript:">

<img border="0" width="13" src="" height="13"/></a></td> <td bgcolor="#FCC584"><a onmouseover="r('#FCC584'); return true" href="javascript:">

<img border="0" width="13" src="" height="13"/></a></td> <td bgcolor="#000000"><a onmouseover="r('#000000'); return true" href="javascript:">

<img border="0" width="13" src="" height="13"/></a></td> <td bgcolor="#000000"><a onmouseover="r

('#000000'); return true" href="javascript:">

</a></td></tr>

</table>

</center>