En otra ocasion ya te mostre otro widget para que los usuarios de tu blog pudieran cambiar el color del fondo del mismo. Pues ahora te traigo otro que realiza la misma funcion, con un diseño diferente y con colores en tonos pastel. Cambiar color del fondo
Para ponerlo en tu blog, tan solo tienes que copiar este codigo y añadirlo alli donde quieras mostrarlo. Si quieres modificar el tamaño, cambia el porcentaje de los numeros escritos en color rojo (menor porcentaje, menor tamaño y viceversa).
<div align="center"><div class="colorf"><div style="-moz-border-radius-topleft: 20px; -moz-border-radius-topright: 20px; -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px; background: #000000; border-top-left-radius: 20px; border-top-right-radius: 20px; padding: 5px; width: 180px;"><span style="color: white; font-size: 17px;">Cambiar color del fondo</span></div>
<table border="1" height="20" style="-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8); box-shadow: 0px 0px 10px rgba(0,0,0,.8); width: 70%;"><tbody>
<tr><td bgcolor="white" onclick="bgChange('#FFFFFF')"></td><td bgcolor="#000000" onclick="bgChange('#000000')"></td><td bgcolor="#f0e68c" onclick="bgChange('#F0E68C')"></td><td bgcolor="#e0ffff" onclick="bgChange('#E0FFFF')"></td><td bgcolor="#98fb98" onclick="bgChange('#98FB98')"></td><td bgcolor="#b0e0e6" onclick="bgChange('#B0E0E6')"></td><td bgcolor="#87cefa" onclick="bgChange('#87CEFA')"></td><td bgcolor="#ffdab9" onclick="bgChange('#FFDAB9')"></td><td bgcolor="#ffc0cb" onclick="bgChange('#FFC0CB')"></td><td bgcolor="#e6e6fa" onclick="bgChange('#E6E6FA')"></td><td bgcolor="#d3d3d3" onclick="bgChange('#D3D3D3')"></td></tr>
</tbody></table></div></div>
<script type="text/javascript">
function bgChange(bg){document.body.style.background=bg;}
</script><style>.colorf{cursor:pointer;}</style>
