Spoiler con imagen

|| ||
 Poeta(?) Curiosa.
 Mientras me guste a mí, no me importa lo que digan los demás.
 Tengo hambre ;_;
 Crooked-G-dragon
 Icon por: Vampite
 Blogger-Facebook-twitter-youtube.

Hola criaturitas del señor ´ ▽ ` )ノ {si yo también me veo el rubius ^^} ¿Qué tal el día de hoy? yo tengo sueño ;_; solo dormí 5 horitas {por tardar duermo 8}.
Saben, estoy feliz y algo triste.... Feliz porque ya casi llegamos a los 200<3 y triste porque eh perdido seguidores, tanto como comentarios, pero me los iré ganando poco a poco ¿Las metan se cumplen con esfuerzo no? 。◕ ‿ ◕。

Dejemos el tema muy atrás... me pidieron un tuto de como colocar la imagen con spoiler como la tengo en el cbox. Así que aquí esta. Este tutorial ya lo hice, pero esta escondido entre las entradas, así que lo vuelvo hacer.

Tutorial: Spoiler con imagen. 



¿PARA QUE SIRVE?
Bueno sirve especialmente para ahorrar menos espacio en un gadget tanto como en una entrada.


Este tutorial es sencillo, solo tendrás que poner en un gadget HTML/JAVASCRIPT el código siguiente:

<div class="divspoiler">
<img src="Url de la imagen" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none';}" />
</div><div><div class="spoiler" style="display: none;">
Código que va a separar</div></div>

Cambia las palabras con color rojo y ya esta tienes tu spoiler ^^

-----------------------------------------------------------------------------

Pues chicas y chicos, quisiera una opinión de vosotr@s pues verás después de que se acabe el año, colocaré el nuevo diseño que ya esta preparado. {es por la cual este diseño es tan sencillo, tenía planeado colocar el otro.} pero lastimosamente los colores que elegí son muy pobres. {mi creatividad no sale :'v} entonces quería pedirles que aquí abajito en los comentarios, me comentéis que colores le gustarían que tuviera el nuevo diseño del blog, para al menos hacerme una idea.

Eso es todo 사랑해 a todos y un :* ♥
Nos leemos en la próxima entrada ^^

4 comentarios:

  1. Por supuesto que poco a poco los irás recuperando n.n
    Se ve padre pero...no entiendo para qué es XD, ¿Me explicarías?, por favor :D
    Saludos

    ResponderEliminar
    Respuestas
    1. Jajaja oki, bueno especialmente es como para una entrada y para ahorrar menos espacio, se coloca y quedaría como un spoiler para mostrar algun tutorial o imagen. ^^ {no se como explicarte xd}
      Saludo a ti igualmente

      Eliminar
  2. buen tuto!! me encanto :3 <3
    omg volviste!!! :D se te hecho de menos linda T.T (aunque yo ahora estoy bastaaaanteee ausente en blogger QnQ)
    ah por cierto, en mi blog me pediste que acción usé en mi edición, aquí te dejo la acción nwn:
    http://thoxiic-editions.deviantart.com/art/Action-II-284755086
    espero que te sirva, saluditos! ^^

    ResponderEliminar
  3. http://eldatodebelleza.blogspot.com/ visita mi blog por favor si buscas cosas para chicas

    ResponderEliminar

Tu comentario me haría muy feliz!! :D