Poner un botón Spoiler en Blogger

Bueno ya todos saben que es un spoiler, pero para los que no saben, entonces un spoiler es una herramienta un botón para mostrar o ocultar cualquier contenido para ahorrar espacio para colocarlo en los posts, es fácil colocar, no es nada de modificar nada extravagante en la plantilla, hay dos maneras diferentes para colocarlo:

  • En forma de Link:

<div><a href='#' onclick="if(this.parentNode.getElementsByTagName('div')[0].style.display != ''){this.parentNode.getElementsByTagName('div')[0].style.display = '';this.innerHTML = 'Ocultar Contenido';}else{this.parentNode.getElementsByTagName('div')[0].style.display = 'none'; this.innerHTML = 'Mostrar Contenido';}return false" type="button">Mostrar Contenido</a><div style="display: none;">AQUI EL CONTENIDO QUE QUIERAS OCULTAR</div></div>

Asi quedaría:

Mostrar Contenido

Este será el contenido oculto del Boton :D

 

  • En forma de Botón:

<div><input value="Mostrar" onclick="if(this.parentNode.getElementsByTagName('div')[0].style.display != ''){this.parentNode.getElementsByTagName('div')[0].style.display = '';this.value = 'Ocultar Contenido';}else{this.parentNode.getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Mostrar Contenido';}" type="button" /><div style="display: none;">AQUI EL CONTENIDO QUE QUIERAS OCULTAR</div></div>

Asi quedaría:

Este será el contenido oculto del Boton :D

 

 

Visto en | TrucosGeek



Visitantes llegan búscando:
PONER SPOILER En blogger como poner spoiler en blogger poner un spoiler en blogger como poner un spoiler en blogger poner spoilers en blogger spoiler para blogger spoiler blogger blogger spoiler spoiler en blogger boton spoiler
8 Comentarios en Poner un botón Spoiler en Blogger
  1. Alberto dijo:

    @furi: De nada que bueno que te sirvió :-) .. Saludos.

  2. Minno dijo:

    o muchisimas gracias! estaba buscando como colocarlo y solo me salía para plantillas no modificadas :S me haz sido de ayuda *-*

  3. Alberto dijo:

    @Minno: De nada, que bueno que te sirvió el botón spoiler ;-) …Saludos.

  4. El forastero dijo:

    Hola, gran aporte, necesito que me ayudes en la etiqueta Spoiler va todo muy bien pero me gustaría que saliese Así
    AQUI EL CONTENIDO QUE QUIERAS OCULTAR
    y que cuan hubiese dos opciones de ociltar una a principio del texto y otra al final, “para textos largos”
    espero tu respuesta
    Gracias

  5. Emanuel dijo:

    Excelente men!!
    Me sirvio de 10! Lo acabo de utilizar en mi blog, y funciona muy bien!
    Gracias!

  6. Darien dijo:

    Quisiera saber si existe alguna forma de colocar un SPOILER, en un BLOG GRATIS de WordPress, ósea en un blog por el cual no se paga por obtener un dominio.

    Uno spoiler que pueda colocar y que funcione en un blog GRATIS de WordPress, por que si se debe instalar el SPOILER en la carpeta de WORDPRESS; entonces significa que se esta pagando por el servicio de dominio en WordPress, pero cuando NO Tenemos dicha carpeta significa que nuestro BLOG es gratis y no pagamos por usarlo o publicar, es ahí donde tengo el inconveniente de no poder colocar SPOILERS.

    Si alguien i si tu sabes como poner uno en un blog GRATIS de WordPress no dejes de avisarme. Gracias

  7. Gloria dijo:

    Hola navegando di con este tutorial y me gustaria que me ayudaras ya que a mi no me funka,aqui te dejo un link para que veas a que me refiero,gracias
    http://jesucristoluzparalasnaciones.blogspot.com/2010/02/descargar-predicaciones-cristianas-en_11.html

Deja tu Comentario

Solo se publicaran aquellos comentarios que vayan conforme al tema, mas NO los comentarios con insultos, y mensajes de SPAM.
Si quieres que tu comentario tenga tu foto o imagen, entonces checa este articulo.
NOMBRE (requerido*)
E-MAIL (requerido*)
SITIO WEB
COMENTARIO

Tutoriales Blogger y Wordpress, aplicaciones web, redes sociales, internet, tecnología, geek.
Red de Blogs