Codigo para o visitantes trocarem a cor de fundo de seu blog

É muito facil é so ir en design ,adicionar o gadget ,java script e copie e cole o codigo abaixo:

<div class="widget-content">

<h2 class="title">        CORES       </h2>

<div class="widget-content">

<div style="text-align: center;">TROQUE AS CORES 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/AVvXsEiszbtN7in8aDOUvVilGJV8yGUSnw6Zcbkbbh8nMm3zQFhneaTY7RCXBBuYqscJ67Uz6j9DgQu3_xEG6UMWfJZtDOqW2wTKO3GQqYRo_bOTeo1o0f1SPzVHtObn37KAz4UJRjgCzpn81iUh/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/AVvXsEj3Yv8cP8QyB2UU4J3Mn1nd2cZYzLJpJxO_npmhdPru74TnXx1T9kUYJeOk6t9Gm4o5QqXWesM0-b5KHMQ-EWz55JS0_creebY8ZSu9QaCoXMe73gIoUQ1V5PzPZsg9adOGy7cB1x96VK0U/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/AVvXsEj6qcrg20XC-HJ-DUE60IKzJWT20kPn2Wk8c4w3opVtIEICa1YMmiPeLrbVZ_91CvXGUOJgG5qamf1Ulc3MvB5XjmOEgPVd6Rs0MqX3BZ4IrrlXSP6QvnJkVmOFknOXMTgNc8RW845zDelx/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/AVvXsEgOl5gPD0EourgciJDIfeB4OOj6uwdLJ6kiwPZxxVNABl5S085-2heTL9BkFdZ0vjhxc4rDCMcbbee1xJA9qzdRe3nXJutnSiy9KpTG_XK21UjUX0-17PzRplVBsoPoYnxkKeJMoV1jGwqv/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/AVvXsEiC894C1AuDZD85YstTFIdHujrpENWrWDoVKr77O4XFxUn9LeM212eoGBnO1HPd2GZQMPf32OXqudqbXM9LtWYkTq-6hmaRTkUqsnQQvdsLhm5jhtuYKiIBBuuFPvTCT3uATdvxAwM_HW8R/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/AVvXsEifrEFx24MEgizN3izLC7CCtHROs0yZ7u-P092bEE51KUm1lUZi6sbZVifvfQ6KzXFPFZPJuK3jxPpS_JIfrF0MjG-YnRu6ELL7QqE06hrF-IMykeXkTZwuCFj8U5rA7qnkzgVZQmrj4pWc/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/AVvXsEib9nnmzCpaajCM5tk4PFhqWXIszBl411TTG-MitN1hU4PwWII7vKIwfMGTw_KIm95Tbqwu5MSrra8AYJZbkEwTawd4m9ZXx0cZywtaTxHKlSIrbgJGP0MmTajDTBuPKVD1HsHC68Br22TV/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/AVvXsEhJWZ67l8u7GJNDxM0pvrAkmVD3bnoCah_A-lvkHhGdWmYh1QXEJVwcOYTqjie1fw15OmFUjbrOJwWEe2YmvgPEGI0DpyQpMAGtrhUVuiAqnoQqZDSXiGuhgOJuM4zwX1XnKLvFraJrI3na/s200/body-blanco.png" /></a>

</center>

</div>

</div>

Fica assim: