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:
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.
2 comentarios:
3 de junio de 2011, 21:01
Duda, tu pones que en Wordpress es más sencillo pero para colocarlo es necesario tener un DOMINIO de paga en Wordpress, situación que solo algunos hacen.
En mi situación yo tengo un BLOG, GRATIS, no pago por publicar, o por mantener mi sitio en Wordpress.
Por lo tanto quisiera saber si existe alguna forma de colocar el spoiler (o varios) en Blogs GRATIS (no de paga) de wordpress.
Gracias
7 de junio de 2011, 9:17
deberias poder usar el script si tu blog admite codigo HTML, de cualquier forma checate este link:
http://ciudadblogger.com/2011/04/spoiler-para-ocultar-y-mostrar.html
saludos
Publicar un comentario