XVIII. Friki del HTML y el diseño gráfico.
Con suerte, futuro ingeniero.









Para tu blog: Cómo poner Spoilers

En el mundillo de la literatura en general el miedo a los spoilers es algo bastante común, aunque es comprensible que en ocasiones se quiera comentar el final de un determinado libro con alguien. Por ello es muy práctico avisar de que determinada entrada o parte de la misma contiene spoilers.

¿Cuál es el problema que presenta? Pues que algunas veces los ojos nos traicionan y acabamos enterándonos de la muerte de algún que otro personaje. Para evitar esto es ideal usar spoilers, texto o imágenes que sólo se muestran si haces click. Además, añadirlo es tan sencillo que sólo requiere un simple paso.

Si quieres añadirlo a tu blog sólo tienes que copiar el código que aparece al final de la entrada y pegarlo en la edición HTML de la entrada en la que quieras usar el spoiler. Para añadir más de uno en una misma entrada sólo tienes que repetir el código y cambiar la parte en azul por spoiler2, spoiler3 y así sucesivamente.


Spoiler sin deslizamiento


<center><input onclick="if(document.getElementById('spoiler1') .style.display=='none') {document.getElementById('spoiler1') .style.display=''; this.value = 'Ocultar Spoiler'; }else{document.getElementById('spoiler1') .style.display='none';this.value = 'Ver Spoiler'; }" type="button" value="Ver Spoiler" /></center><br />
<div id="spoiler1" style="display: none;"> Aquí lo que quieras ocultar.</div>

5 comentarios:

  1. Ellie31 de mayo de 2014, 13:57

    No tenia ni idea de esto, seguro que me sirve y mucho.Yo lo que hago es no poner spoilers directamente y así me ahorro problemas, pero a veces si que quiero decir alguno y me sabe mal hacerlo por si alguien lo lee y no lo hago..Pero con esto me solucionas la vida.

    un beso

    ResponderEliminar
  2. Nina31 de mayo de 2014, 18:13

    Mil gracias

    ResponderEliminar
  3. Azul1 de junio de 2014, 10:04

    Me parece bastante útil, sin embargo yo sigo a favor de nada de spoilers porque luego en los comentarios igual responden y uno se entera de cosas.
    No sé, si quiero comentar el final de un libro o algo voy a twitter o GR y me busco a alguien que lo haya leído para después enviarle un mensaje o correo(:
    ¡Gracias de todas formas!

    ResponderEliminar
  4. Aellai14 de junio de 2014, 12:52

    P.s. ya se me ocurrió una genial idea para usar esto! Mi blog es en spansligh, entonces pondré las entradas en español y con un click podrán leer la traducción en inglés, me fascina(:
    P.s. 2 Soy Azul, anteriormente andii* y con el nombre cambiado por (espero) última vez: Aellai.

    ResponderEliminar
  5. Aellai16 de junio de 2014, 14:25

    Chico casi me da un ataque cuando puse el segundo spoiler y al hacer click no pasaba nada, después me di cuenta del error, no había cambiado el último spoiler1 porque no lo vi porque no lo marcaste en azulito haha te aviso por si quieres corregirlo y que nadie más tenga el mismo casi ataque que yo cuando no le funcione por ese pequeño errorcito haha
    Muchos abrazos(:

    ResponderEliminar

Rss: Top