Tutorial: Gadget para cambiar el fondo de tu blog

¡Hola! ¿Cómo estuvo su semana? Espero que hayan estado muy bien ^^.  Como pueden ver cambié el diseño (otra vez). No es que el otro no me gustara, me encantaba. Pero cambié repentinamente de ideas y quise que ahora el blog vuelva a los colores típicos que tenía antes. Seguramente el diseño anterior lo use en el futuro :D
Este diseño es super simple y sencillo. Aunque todavía tengo errores en la plantilla que arreglar y demás pero bue eso es otro tema xD. {por cierto el gato de la imagen es mi propio gatito, se llama picki <33}


Hoy les traigo un tutorial para colocar un gadget que al clikearlo cambia el fondo de tu blog automáticamente.

Para ver como funciona hagan click en una de estas tres imágenes a continuación
{a mi blog solo le cambia el fondo de arriba, pero a tu blog le cambiará el fondo completo}

O para que veas mejor el resultado
Vista previa

Para colocarlo simplemente tienen que ir a
Diseño / Añadir Gadget / HTML o Javascript

y copian y pegan el siguiente código:
<center>
<a href="javascript:void(0)" onclick="javascript:document.body.style.backgroundImage='url(URL DE TU FONDO1)'; document.body.style.backgroundRepeat='repeat'; document.body.style.backgroundColor='none';"><img src="URL DE TU FONDO1" style="height: 40px; width: 40px;" /></a>
<a href="javascript:void(0)" onclick="javascript:document.body.style.backgroundImage='url(URL DE TU FONDO2)'; document.body.style.backgroundRepeat='repeat'; document.body.style.backgroundColor='none';"><img src="URL DE TU FONDO2" style="height: 40px; width: 40px;" /></a>
<a href="javascript:void(0)" onclick="javascript:document.body.style.backgroundImage='url(URL DE TU FONDO3)'; document.body.style.backgroundRepeat='repeat'; document.body.style.backgroundColor='none';"><img src="URL DE TU FONDO3" style="height: 40px; width: 40px;" /></a>
</center>

Es muy fácil de editar, simplemente en lo rojo ponen el url de su fondo según sea (fondo 1, 2 o 3). 
En cada uno se van a repetir los fondos ya que uno es la vista previa en el gadget y el otro la acción para cambiarse el fondo.


Bueno eso fue todo por el tutorial! Muy fácil, cierto? Espero que terminen muy bien su semana :)

2 comentarios:

  1. Hola1 muy buen tutorial seguro algún día lo uso, por cierto tu blog se ve hermoso.

    ResponderEliminar
  2. ¡Hola! ¡Qué genial tutorial! Ya lo pondré en práctica <3

    ¡Un abrazo!

    ResponderEliminar

¡Gracias por tu comentario!

Emojis:
⸜(。˃ ᵕ ˂ )⸝♡ | ૮ ˶ᵔ ᵕ ᵔ˶ ა | (>▽<) | ପ(๑•ᴗ•๑)ଓ ♡ | (╯ω╰) | (☆▽☆) | (≧ω≦) | ૮ • ﻌ - ა | ଘ(੭ˊᵕˋ)੭ | (・∀・ ) | (¬_¬) | (ノ◕ヮ◕)ノ*:・゚✧ | ฅ^•ﻌ•^ฅ | (¬‿¬) | (─‿‿─) | (~ ̄▽ ̄)~ | (︶ω︶) | ٩(ˊᗜˋ*)و ♡ | (╥﹏╥) | (✿ ♥‿♥) | ●ᴥ●

Simbolos:
♡♥♫△☆ღ