A veces para cuando debes publicar códigos HTML's muy largos, necesitas poner algo oculto para robots, o simplemente por poner algo ''Solo para los que deseen verlo'' sin obligar a nadie a verlo desprevenido,... o ¡¡Yo que sé!!



Bueno, para hacerlo, en la entrada de blogger que queramos, pegamos este código en la parte de HTML:


  1. <div class="divspoiler">
  2. <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'; }" />
  3. </div><div><div class="spoiler" style="display: none;">
  4. Aquí el contenido que queremos ocultar
  5. </div></div>


ROJO: Texto para mostrar Spoiler
VERDE: Texto para ocultar Spoiler
CELESTE: Texto o Imagen que aparecerá en el Sopiler

Espero que les haya gustado!


Leave a Reply

¡Expresa tus inquietudes, tus problemas y dudas!

Todos los comentarios son respondidos.



Siglo Blogger by Hockster. Con la tecnología de Blogger.