Widget Cores do Blog

Esse é um Widget muito interessante, o leitor aperta em uma cor, e a cor de fundo do seu blog troca de acordo com a que o visitante escolheu.

1º No painel do Blogger va em Design --> Elementos de Pagina --> Adicione um Gadget HTML/Javascript e cole um dos códigos abaixo:



Estilo 1:

<center>
Troque a cor do blog
<a href="#"
onclick="javascript:document.body.style.backgroundColor='#ff0000';
document.body.style.backgroundImage='none';"><img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyqIaV7u4vKA16PEzrz9NWNjPO3CWZa_0sWFMBS0NdUIsmE8z7LhgG1LS26QBkRdRXeILcmtA5uQDkBZN-M8cCiw_1OVoKRK7GDuoe22_hnEd0BxG7Jp6JIdu748dmCRxVwnTuo3pRBF_F/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/AVvXsEi6OyhpGAAbCws646KI1xnKdXuAbZSjHiA0EAr36RQHc_OVpdSknvhPrnMqviY02hKXB5uLUWssSg8MwvGYm1DDvFkxowl1dqRb0W5UK7fOouXg0e6ADgtspN6xZNHj0j3-EEQfsFAAuENA/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/AVvXsEi6OJfGH9du4rhpEybAESqjgKMaFF8OT3zd2CluBxqY8Gazk9td93T3x_0KmkKhUk44iTxkx0HbZhkESkm12p1WMwP5Nh9jCXaSUuC46r8pmndmQfIXrkMEsa7erzKLgaxBvelh9PCbZE_b/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/AVvXsEig-PDUE-Qtai2cwPbLLE07Qng8SEsS7dAnW6q8G29ASLV7nPBdOPMR5baAwQ2EPaeq9smwJwu9ItVEk-BPwgiDuXUx6tGy3vHx9lmuI8CjUhB5PYFQOnlO_wcfO6_pp_BcQ1kUK66yCN-5/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/AVvXsEjH77s_eIu4p8tWhEkvtB_2RJLpFb1TQyIup2xZ9iLVvz1PsF7v4q2-TRypECs0tst8xVHPOXA96IIrnTVtTMikgdqbkcZatsqkLYYALt5Dq_prl6RSfk1EaetM5AhboHSKBuK5YMVX6mMj/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/AVvXsEgSjX8Xp5pBApa6uiXTqUxL0Q9roLI_GITv0kWt4oMlKmM40U4JWt42t_7r_pi80RdkKFKINNdwJwbp08g7P7EYFR3l21aom78RLAIhE08EFjOr-KK0NDjLZ6huJ7oqtL32PMLLYIZiakDD/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/AVvXsEj6RsHk7gFCI5THodC4OFGMSjHXQm8ieDhd-yP8xe8iylt26Ggo-X-3m0yfutrNG9nm2dujjnpksq4BP-fDNBVv7LFwa0-3mUFz8A0pWeghmOwdMRybAPnloSFK7_cw25hRxeS84WmLkWTC/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/AVvXsEiWzB-fpz4J5jgLAgJFTR1e2bTHJrE2gpSNwrSZyVrKHp_khwzUt80o1WjioM7oDRZdHi9ywwT24Tua2FFwTxgcnBXiM0KE6Zjn5vH5xH1UddXFe5_QccggFqubs_EBWQ8d8sc9z075YDx5/s200/body-blanco.png"
/></a>
</center>

Estilo 2:

<center>
Troque a cor do blog
<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>

2º Salve e visualize.