INTEGRAR UN BOTÓN SPOILER EN LAS ENTRADAS DE BLOGGER

enero 01, 2019

INTEGRAR UN BOTÓN SPOILER EN LAS ENTRADAS DE BLOGGER .

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.

Lo primero que necesitaremos es el código:

<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>

El texto en Amarillo lo puedes modificar por el texto,link o lo que quieras poner.

Copia el código y pégalo en la Nueva entrada en Edición de HTML en el lugar de la entrada donde quieres mostrarlo.