Mostrando entradas con la etiqueta ocultar. Mostrar todas las entradas
Mostrando entradas con la etiqueta ocultar. Mostrar todas las entradas

Insertar un Spoiler en tu blog

ya sea que uses wordpress o blogger, los spoilers son de utilidad, nos ayudan a ocular/mostrar informacion, que se visualizara solo si el usuario lo desea, a continuacion veremos como insertarlos en un post:

Blogger
Para insertar un boton de Spoiler puedes usar la edicion de HTML e insertar el siguiente codigo y en la ultima linea insertas el texto a mostrar:

<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;">TEXTO A MOSTRAR/OCULTAR</div>

</div>

Ejemplo:
Un texto oculto bajo un spoiler

Tambien podemos hacerlo con imagenes:


Wordpress
En wordpress es mucho mas facil que en blogger, ya que podemos agregar un plugin que haga esto, para ello vamos a la pagina de descarga de plugins de wordpress y lo buscamos:

http://wordpress.org/extend/plugins/

yo recomiendo usar: Advanced-Spoiler
http://wordpress.org/extend/plugins/advanced-spoiler/ en esta direccion podremos descargar el plugin y encontraremos las instrucciones de uso y de instalacion.