Tras haber aprendido la forma de insertar el botón en el blog que, al pulsarse, amplía la zona de las entradas y oculta la barra lateral, continuaremos con otra opción muy curiosa que puede ofrecerse a los lectores de nuestro sitio web.
Se trata de un menú a base de colores que construí con unos simples atributos en javascript, y que, al pasar el cursor sobre cualquier recuadro, el fondo del blog cambia automáticamente al color que la casilla encierra.
Aquí puedes ver una imagen del menú:
Y aquí encontrarás un ejemplo en funcionamiento.
Para instalarlo en tu blog bastará con seguir estos sencillos pasos:
Diseño>añadir gadget (elemento de página)>html-javascript
Pega este código:
<center><table border="0" style="cursor:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOpbCxKqrjywvB5YZB8OsDCafeXCJ7Z2xwM2yEmxAP6Fc4yj21fdyIk9JUf1abjLgQIvS39LjGjcE71ljYvPUmm-x8PCOrErAUzoTw0YNXKIGVdpN6XZCaeutOGs6k6Gz9zaab4t_9m2g/s400/blcursorgif.gif'), auto;"" align="center" width="22%">
<tr>
<td><span onmouseover="javascript:document.body.style.backgroundColor='#d9d13f'; document.body.style.backgroundImage='none';"><img border="1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZMk9O9iBKCkDfdur_BFy6VGZHgN2tEnb3YfT2SSGi3cEXv1BXce5uFBJ8cU7Mo0mEdoSuNbF-DFgnE7y7zJ-U1DQh-goVQ6wUx_KALeyCc3v5Epl8KjA32HqP8pQG5NBcJ20EhSQ-uqp0/s320/blfondoamarillo.png" /></span></td>
<td><span onmouseover="javascript:document.body.style.backgroundColor='#3f6dd9'; document.body.style.backgroundImage='none';"><img border="1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzLZI1q4ubcR1oeKIeQ5FrFeZi5_ukmSs0sLmDa0z6MXucNge2jTi8d91Lik-xgxE4rvzveFdBUsiM1iRDiN2eGsiO7c1qwhz3iD4UJoXXt0TzWHLCECGHXHJ9iYR8x2exKsn8P4lhfwJG/s320/blfondoazul.png" /></span></td>
<td><span onmouseover="javascript:document.body.style.backgroundColor='#d9993f'; document.body.style.backgroundImage='none';"><img border="1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFvcZdydZuyKCb2WRYSELFfz8-5sNGEg48KCDrPBm_95qCxWE-dBtKgFfduGTjDVCT0h5dIR1rabcYXyvjqNGceT26Grb0lSowxUlrHlNd8Hj5fHUv__D1tRaGe_VDzu4WUUQAI91d5NZD/s320/blfondonaranja.png" /></span></td>
<td><span onmouseover="javascript:document.body.style.backgroundColor='#cccccc'; document.body.style.backgroundImage='none';"><img border="1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCSbVUj21uA3-gBz0RgbPkuUDAJoRSwTguX2zabcnmoqB1_W05MvNKoKG7XkggxwFabC4R_fNp-WyFRg1XobmpO7hCPh9UkCgpw5YxBlKMyB9RrO2_J3j1Z7PpTqcyCIWnz0fkeLLIHinN/s320/blfondogris.png" /></span></td>
<td><span onmouseover="javascript:document.body.style.backgroundColor='#ffffff'; document.body.style.backgroundImage='none';"><img border="1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ2xyTKBuEt79c49Kn40CuXcmcGER7GKr4dSNJx2cBK9yfNf2fhbHU-0GQFMIdEMTTxNtD8C8NrJRHb-f2UNB2IKFKQc04iMjcUa-RhBncsDft68FxjizxYpDndRYgPFBB-G46t4Xt3e9w/s400/blfondoblanco.png" /></span></td>
<td><span onmouseover="javascript:document.body.style.backgroundColor='#9b5b1c'; document.body.style.backgroundImage='none';"><img border="1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqsE3Kgt8-GuyLCHDmAU_GKUxAcEPXkOCuDsy-xCDpKSvkjewikNI1Yaw_MIcXm5vohec4oh-Jb5LoHhlnwDtpmHs57zDsK5_FV0kCjIG8EfDi-5OsvyUQnGrcHMVUcharQ2YXkN8AYsY6/s320/blfondomarron.png" /></span></td>
</tr>
<tr>
<td><span onmouseover="javascript:document.body.style.backgroundColor='#57d93f'; document.body.style.backgroundImage='none';"><img border="1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXS4FdxBsUsIbJcOeNwG8QUfpw2c2OY7DuJa4SLEnkJw6BoB3s170EdXsr-5eZLx8XJH_8iGYZVdxgSPhBFtlnn6kcfHNZ7UDeF1FwcGugq_9_aULZwNtv4nI1oE0T4VQe0qCH55CAYiwf/s320/blfondoverde.png" /></span></td>
<td><span onmouseover="javascript:document.body.style.backgroundColor='#d9483f'; document.body.style.backgroundImage='none';"><img border="1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU0Gvt9p5fLTdX14zO3UAtTJh-cz36enCjg2QRCJQB98AE9uvQN9cjpByDl_CIgGxGqNKReKFHScf9Bjf-MKo7dwDdmV_ihSI7hf0vp5YWdKlJ8HS7oY14CzvDr2LL2VuskECCMsJMSmax/s320/blfondorojo.png" /></span></td>
<td><span onmouseover="javascript:document.body.style.backgroundColor='#FFCCCC'; document.body.style.backgroundImage='none';"><img border="1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibwibb9ryUMvN-rVpPVIoW7qfibeX9FiAcUotJJ6rEq6NnDOLXOW8zvPSdOAS8nhPotWeqy7cNucHEf0VlIrrvnzSduL7VGGuIS7_qK0nlWcz1b2OfFzklNG9iAh_pFjN7b5Qd4JDpHmuq/s320/blfondorosa.png" /></span></td>
<td><span onmouseover="javascript:document.body.style.backgroundColor='#993fd9'; document.body.style.backgroundImage='none';"><img border="1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB8OeLk44veebt9v9D27b5ikGAu5eizmI3V2MdPm2AiUV9MpHwPil-5-a6ykUrFKaC0zhSwk0V72FQi9518kxxFQd1yO_7uHflt5lp_7_HOxnV9iu_5JgPbh5HP0DhgS4aeXyBWVoVUUtE/s320/blfondomorado.png" /></span></td>
<td><span onmouseover="javascript:document.body.style.backgroundColor='#000000'; document.body.style.backgroundImage='none';"><img border="1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPEg1ETxMWA3JElpXEOZhv86aRKdnb01NXEXI8EHYNEnu9r-SyAWMrt36EjE3zEC0gjMjgUHjzQv-n5AsBdLll99emSKLUVwch3wIb52HBfo3lRYp5O_MB-rQLsb7mYC1oWlbYbrRPk4dV/s320/blfondonegro.png" /></span></td>
<td><span onmouseover="javascript:document.body.style.backgroundColor='#74b8fb'; document.body.style.backgroundImage='none';"><img border="1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgm-mjMPDovwJ0zjUHcLIxdhpYB62Qs_93aFwLY2TZfTZ0FEB2m_1yEMJDaxUY-2RLEl3_kVySUpdGAN-FUjWWYxn5kOvPlueKfymVE2Bw_M6idrEueKeBRqdlHCIxQC9kF4WxxvO3ZZ85T/s400/blfondoazul2.png" /></span></td>
</tr>
</table></center>
Pulsa el botón "Guardar" y habrás terminado.
Aunque en el menú hay bastantes colores, si deseas añadir alguno más o, por el contrario, deshacerte de uno en particular necesitas hacer lo siguiente [+/-]
Si necesitas ayuda durante la instalación no dudes en avisarme.
¿Problemas al comentar? Utiliza 
:P lo he puesto!! me gusta,aunque teniendo en cuenta que mi blog es en negro,¿podrias decirnos como cambiar el recuadro negro u otro por otro color??
gracias.
Hola Jaime, bueno como siempre que veo tu blog es una pasada este truco, ya que mi blo (Umilde al lado del tuyo) es creado gracias al tuyo ya que te prometo que no tengo ni P..Idea de codigos, pero gracias a ti e ido creando mi blog y por eso te doy las gracias ya que todas los trucos y el 90 % de las cosas que tengo en mi plantilla son gracias a ti, creo que nunca te deje ningun comentario y ya es el momento de darte las gracias por todo lo que pones para poder ayudarnos a los torpes como yo...Saludos y muchas gracias y por supuesto seguire pillando tus ayudas..Chao
Jaime, en nuestro blog "Creación literaria y más..." tienes un regalito.
Saludos
¡Genial, Tess! Claro que os lo puedo decir, es mas, lo voy a incluir en la entrada para que todo sea más sencillo ;).
¡Muchas gracias Oskar! De humilde nada. Cada blog es diferente, personal y único. Lo que diferencia a un blog de otro es su administrador y el contenido que éste ofrece y comparte con los demas (lo que viene a resumir el que todos los blogs son bastante similares).
No debes preocuparte por no entender los códigos. Aún no sabiendo nada sobre HTML puedes decorar tu blog hasta obtener un diseño espectacular.
Estaré aquí para ayudarte en todo lo que necesites ;).
¡Abrazos!
¡Qué alegría más grande, Julita Fernández!
Ahora mismo voy a ver esa maravillosa sorpresa.
Muchísimas gracias :P.
primeramente, felicidades por tu blog.
este gadget está muy bien pero cuando cierras la página y la vuelves a abrir sale de nuevo el color original.
¿es posible de alguna manera, mantener tu elección del color aunque sea con cookies?
gracias de antemano
Pedro lópez, esto ocurre debido a que en la plantilla, el color general atribuído es solo uno. Sería algo complicado y no estoy muy seguro de poderlo conseguir. Por otra parte, conozco la manera de hacer que el blog no tenga un color de fondo en particular, sino que sea aleatorio y que cada vez que accedas, cambie.
Este también me gustaría aplicarlo, con lo "hortera de colores" que soy yo... pero de momento, tendría que cambiar la confi de portátil y los colores ahora imprescindibles... Queda en pendientes. Un besi.
Jajaja Driwrgy! Estoy seguro de que quedará muy bien en tu blog, sobre todo para el de recetas, que tiene fondo oscuro (algunos lectores preferirán cambiarlo mientras que otros no).
Abrazos!