Cambiar el color de fondo del blog a gusto del lector

Hay un truco que me pareció muy simpático y adecuado para que nuestros visitantes puedan interactuar en nuestro blog y que lo vi en ciudad blogger. Se trata de que quienes entren al blog puedan cambiar el color del fondo de nuestro blog.

Y lo mejor es que para lograr esto solo se tiene que ingresar un gadget en uno de tus sidebar y listo. Puedes probarlo en esta entrada haciendo click en los colores que tengo a tu derecha, si ingresas en esta entrada.

El código que debes pegar es este:

<a href="#" onclick="javascript:document.body.style.backgroundColor='#ff0000'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggi9bSrLO2MuHJtIhO2SpZJlXbN3o2HIzp-mOoBFAUJ29BR4oZncie6O8lGXQ8I2zz2OdxkLfJIncF_qD40iPvb4QODWXkZKs5_dmcwHHH4IbJAoHTyMvR2DXFL47VWsCsvPRFrB27zehX/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/AVvXsEhIKUjg3xh0STfe0VYnhUHqHRW46vWyGAM9ii45o3KvqtMbJGjfm3h1u8kOuw6nyKWPxgKTTy2BZPNadkEuSPMDglzFqoVHiWEVAbxJp1CccNIF0Lqu-kiVGI1vY3Dwke6ovVozv2GquLlF/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/AVvXsEiCpOXqwv47PY3_PUjfQFzYBquwSNCOsPim_atUdOrfzakZIIPcPFnf7FR_d9C415D6tjHnVMnkSnAIhdZVdAfN2nGtyoOMXzUIeMk4id0pmj_CcgDsvjxn-kmsHsM_MJyT6PNtzYLjUBVV/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/AVvXsEjbiAaCV_bM4den0dd6yrFHSuy6m-t8LAUMBLxdW_LxN0iqm1aE2VvEe0LUZzzdN_bno_qqo9NWcvjgYibJAzDq7ZS1BCBg39aHzYTC-tGlu0a-6pxHb9aw0Whb3nI0Ch-O6Y2nQbFSDPle/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/AVvXsEhp4YHmXUWSwrmtFZO2V2JL6CajS-C0e4RVmZ7meODpb9sOOmhhF3enm6JnzmuJkoJw5vL32cFyB6bKXlKybORhLOtboV4ykX3EG-FEbRtUmlEbubWTWo0luqecvtAKdy4SEYhckHzZg0-P/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/AVvXsEgL7EgU7Wqtle55cIt5FhJJe0G1XmTgsT35cF32N4fTrOwZpWLWBCPGUTbGpjiPwCET-AUp2N1mVGs_XF8P_38IufoBNPz-acYNAm8pAUi0N84DT7dW6GfJrX76sZg0qoQUlyDJlOve9PCs/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/AVvXsEhubTD0NWN9cIHSR5RrLWG8f0pYUzZWXKsuU0_u2d668eaIzfAPYY6saiiv4x901gGSXwXpZfbHMfIE9wx1SZmaSNhiwIb1x8oiOvJ9C85z-ue5MbLwZDiaqU7pJLF7SWnRNHlpv-CRzMTp/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/AVvXsEg45rAR2gOHereb7No0gwETF-3obWIkIlxmcDOnsTNoT-SOBhC-eh-JbN7Wtabxq4w5RfrFWnM93sqplkn1WEsXmCRTk4I9evT1P9uBl9VzDoAFydgZNssyLVaygiyKfkFQOYT3H80Hz31H/s200/body-blanco.png" /></a>
</center> 

Si quieres cambiar los enlaces de la imagen de los colores con letras solo tienes que reemplazar <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg45rAR2gOHereb7No0gwETF-3obWIkIlxmcDOnsTNoT-SOBhC-eh-JbN7Wtabxq4w5RfrFWnM93sqplkn1WEsXmCRTk4I9evT1P9uBl9VzDoAFydgZNssyLVaygiyKfkFQOYT3H80Hz31H/s200/body-blanco.png" /> por el nombre del color que corresponda y listo, así quedará el enlace únicamente con letras.

Casi lo olvido: Asegúrate de probar primero el fondo de tu blog. No sea que las letras de tu entrada "desaparezcan" (no se distingan) al cambiar de color el fondo de tu blog.