Navegando en internet encontre en el blog Pczeros,este excelente gadget el cual muestra un paleta de colores con la cual tus lectores podran ponerle el color que quieran a tu blog.

Al volver a cargar la pagina esta quedara tal cual como es asi  que como ven es una buena opcion para darle al lector la posibilidad de personalizar vuestro blog.


Para agregar este gadget vamos a Diseño,Elementos de pagina,Añadir gadget,HTML Javascript y pegas lo siguiente:

<center>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#ff0000'; document.body.style.backgroundImage='none';"><img src="http://4.bp.blogspot.com/_dsEG33PDaHw/S32TTX4H60I/AAAAAAAAAJU/qYc4BYZclgg/s200/body-rojo.png" /></a>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#fff000'; document.body.style.backgroundImage='none';"><img src="http://2.bp.blogspot.com/_dsEG33PDaHw/S32TK7730eI/AAAAAAAAAIs/3v5O2GDrs1s/s200/body-amarillo.png" /></a>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#04B404'; document.body.style.backgroundImage='none';"><img src="http://2.bp.blogspot.com/_dsEG33PDaHw/S32TTyfDggI/AAAAAAAAAJk/9x17-Ec7Dnw/s200/body-verde.png" /></a>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#0080FF'; document.body.style.backgroundImage='none';"><img src="http://4.bp.blogspot.com/_dsEG33PDaHw/S32TLXeztWI/AAAAAAAAAI0/7hWfrfWsdKU/s200/body-azul.png" /></a>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#CC00FF'; document.body.style.backgroundImage='none';"><img src="http://2.bp.blogspot.com/_dsEG33PDaHw/S32TMB5SOXI/AAAAAAAAAJE/PRMfKVBj6fM/s200/body-morado.png" /></a>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#F781BE'; document.body.style.backgroundImage='none';"><img src="http://1.bp.blogspot.com/_dsEG33PDaHw/S32TTl7vW9I/AAAAAAAAAJc/GHdXgYyF4Ro/s200/body-rosa.png" /></a>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#000000'; document.body.style.backgroundImage='none';"><img src="http://2.bp.blogspot.com/_dsEG33PDaHw/S32TMY3FA9I/AAAAAAAAAJM/6Hx0CAagVOQ/s200/body-negro.png" /></a>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#FFFFFF'; document.body.style.backgroundImage='none';"><img src="http://2.bp.blogspot.com/_dsEG33PDaHw/S32TLuZ0f1I/AAAAAAAAAI8/r1AHB4GpoPQ/s200/body-blanco.png" /></a>
<a href="http://pczeros.blogspot.com" target="_blank"><img src="http://sites.google.com/site/pczeros/Home/2t.gif" border="0" alt="gadgets para blogger" title="gadgets para blogger"/></a>
</center>

Por ultimo guardas y listo.


9 comentarios

Jorge Luis · agosto 29, 2011 a las 9:48 pm

muy bueno de hace tiempo me preguntaba como se hacia eso y he aqui la respuesta Gracias

Juvinao · agosto 30, 2011 a las 2:50 am

Jorge Luis la verdad esto es muy basico y bueno me encanta que mis tutoriales te sen de ayuda,Saludos

Juan Gonzalez (Super Blogger) · septiembre 4, 2011 a las 10:13 am

Interesante gadget. Genial!

Juvinao · septiembre 4, 2011 a las 2:09 pm

Juan Gonzalez (Super Blogger)si es un buen gadget 🙂

gaboskate · mayo 12, 2012 a las 2:05 am

INTERESANTE muy bueno gracias

    Juvinao · mayo 12, 2012 a las 1:50 pm

    gaboskate que bueno que te parezca interesante,gracias por comentar.

Alexis Torres · septiembre 23, 2013 a las 7:58 pm

como hago para qu quede guardado en el cache! si siempre quede el mismo color si no hasta que lo cmabie el usuario?

    Hayder Juvinao · septiembre 30, 2013 a las 7:43 pm

    Alexis, con este truco esto no es posible 😕

    Nicolás Ramón · diciembre 21, 2013 a las 5:56 am

    Alexis, tendrías que buscar las propiedades de cache de cada navegador e insertar el código entre las etiquetas HEAD, pero hacerlo es un verdadero embole!. 😮

Deja una respuesta

Marcador de posición del avatar

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *