Mudando as cores do fundo do seu Blogger

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.

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 {



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.


Pegar código

<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


Pegar código

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