Mil Trucos Blogger

Gadget que cambia de color el fondo del Blog

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

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.

0
Shares

Relacionados...

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

9 Comentarios

  1. Agosto 29, 2011    

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

  2. Agosto 30, 2011    

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

  3. Septiembre 4, 2011    

    Interesante gadget. Genial!

  4. Septiembre 4, 2011    

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

  5. Mayo 12, 2012    

    INTERESANTE muy bueno gracias

    • Mayo 12, 2012    

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

  6. Septiembre 23, 2013    

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

    • Septiembre 30, 2013    

      Alexis, con este truco esto no es posible 😕

    • Diciembre 21, 2013    

      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 un comentario

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

Categorías

Síguenos en Facebook

Suscribete por Email

Introduce tu Correo:

Recibiras nuestros últimos posts en tu correo