Tutoriales Blogger: truco para spoilers


Cuando tenemos un blogger de reseñas a veces se nos hace difícil poner spolers hoy les traigo una forma para que puedan ocultar esos tontos y sensuales spoilers:


  • Spoiler 3
Solo haz clic en 'mostrar'

 




Para usarlo necesitamos tener Scriptaculous, si aún no lo tienes agrégalo antes de </head>
<script src='http://ajax.googleapis.com/ajax/libs/prototype/1/prototype.js'/>
<script src='http://ajax.googleapis.com/ajax/libs/scriptaculous/1/scriptaculous.js'/>
Y cuando quieras poner el spoiler en una entrada usa este código:
<input onclick='Effect.toggle("spoiler1","slide"); return false' type='button' value='Mostrar'/><div id='spoiler1' style='display: none;'>

...Aquí el contenido que quieres ocultar...

</div>
En este caso también deberás cambiar las partes en azul siempre que quieras añadir más.

Si te gusto el truco danos like! si encontró otro truco bonito para agregarlo a nstro blogger les traere el tuto!



No hay comentarios.:

Publicar un comentario