sábado, 17 de mayo de 2014

Spoilers en Blogger

Los "spoilers" son "etiquetas" disponibles para distintas páginas como blogs o foros para ocultar un contenido.
En general se suelen usar para evitar revelar datos de una trama (de ahí viene su nombre)
o para ocultar datos que el lector tiene que leer bajo su responsabilidad. 

Para Blogger, son bastante sencillos de colocar si tienes el código.

Paso 1.-El código.
<div class="divspoiler">
<input type="button" value="Mostrar" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; this.value = 'Ocultar'; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none'; this.value = 'Mostrar'; }" />
</div><div><div class="spoiler" style="display: none;">
Aquí el contenido que queremos ocultar
</div></div>

Paso 2.-Como colocarlos.
-Vamos a HTML

-Copiamos el código (es recomendable hacerlo antes de escribir nada)

-Escribimos lo que queramos dentro.


¡Y ya esta!

Por ejemplo:





No hay comentarios:

Publicar un comentario