4/11/2015

Poner Botón "Spoiler" en Blogger

La función "Spoiler" sirve para ocultar y mostrar texto o imágenes, y es muy útil cuando se trata de reducir el espacio en las entradas o sólo si desea que el texto o la imagen sólo se ve cuando se pulsa Lo primero que necesitas 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';}else{this.parentNode.getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Mostrar';}" type="button" /><div style="display: none;">AQUI EL TEXTO QUE QUIERE DENTRO DEL SPOILER</div></div>

El texto en Mayúsculas, es el que quieres colocar dentro de tu "spoiler" como texto, vínculo o lo que quieras poner. Copia el código y Pega en la nueva entrada en Edición de HTML en lugar de la entrada en la que desee mostrar. Modifique el texto que se mostrará cuando se presiona y listo.

Este sería el resultado:


TEXTO DE PRUEBA Y EJEMPLO


Click para ir a la Fuente

No hay comentarios.: