Como poner un botón Spoiler en Blogger.
Para el que no sepa lo que es un spoiler y para que sirve y como se crea,aquí en unos sencillos pasos aprenderás a colocarlo en tu blog.
El spoiler tiene la función de ocultar y mostrar texto o imágenes,y es muy útil a la hora de querer reducir espacio en las entradas o solamente si quieres que el texto o la imagen solo se vea al pulsarlo.
Solo tienes que poner este código en la ediccion HTML de tu entrada y cambiar lo marcado en rojo por tu texto
Para el que no sepa lo que es un spoiler y para que sirve y como se crea,aquí en unos sencillos pasos aprenderás a colocarlo en tu blog.
El spoiler tiene la función de ocultar y mostrar texto o imágenes,y es muy útil a la hora de querer reducir espacio en las entradas o solamente si quieres que el texto o la imagen solo se vea al pulsarlo.
Solo tienes que poner este código en la ediccion HTML de tu entrada y cambiar lo marcado en rojo por tu texto
<div>
<input 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" value="Mostrar" /><br />
<div style="display: none;">
hola a todos</div>
</div>
</div>
<input 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" value="Mostrar" /><br />
<div style="display: none;">
hola a todos</div>
</div>
</div>
Imprimir entrada
No hay comentarios:
Publicar un comentario
Deja tu comentario y en breve te contestaremos