Se viene una nueva sección en el Blog!!

Fuente: para poder incluir los spoilers, saqué la info de la web: http://forums.digitalpoint.com/showthread.php?t=768374

Hola chic@s!! estoy trabajando en una sección de Mini Juegos para el blog...

Gracias a una nueva funcionalidad que le agregué al blog (uso de spoilers) podrán entrar a la web de forma rápida y si quieren probar un juego solo deberán hacer click en un botón que agregará el juego a continuación del post de la siguiente forma:

Esto es un Spoiler! (aca se pone lo que quieras ocultar)

¿Qué es el Spoiler?
El spoiler es un tipo especial de formato que nos permite ocultar en un cuadro desplegable cierta información.

Esto permitirá jugar a los mini juegos sin salir de la web, reducir el tiempo de carga de la web y (una de las más importates) no se escucharán los sonidos de los juegos que estén ocultos, por lo que sólo escucharán los sonidos de aquellos juegos que estén jugando (o que tengan "abiertos").

¿Cómo ponemos esta opción en el blog?

Lo que sigue es pegar un código en la plantilla para el menú. Esto lo vas a pegar antes de </head>

<!--/* Configuración de la clase Spoiler(sirve para poner elementos ocultos y verlos con un botón) Para usarlo en un post poner lo siguiente:

"<div class="spoiler">
<input type="button" onclick="showSpoiler(this);" value="Nombre_Del_Botón" />
<div class="inner" style="display:none;">
Esto es un Spoiler!(poner aca el código de lo que querramos ocultar)
</div>
</div>"
-->

<title>Spoiler HTML code</title>
<style type='text/css'>
body,input
{
font-family:"Trebuchet ms",arial;font-size:0.9em;
color:#333;
}
.spoiler
{
border:1px solid #ddd;
padding:3px;
}
.spoiler .inner
{
border:1px solid #eee;
padding:3px;margin:3px;
}
</style>
<script type='text/javascript'>
function showSpoiler(obj)
{
var inner = obj.parentNode.getElementsByTagName("div")[0];
if (inner.style.display == "none")
inner.style.display = "";
else
inner.style.display = "none";
}
</script>


Listo! ya quedó instalada la función "spoiler" en tu blog. Para poder usarla en cualquier post debemos poner el siguiente código HTML:

<div class="spoiler">
<input type="button" onclick="showSpoiler(this);" value="Nombre_Del_Botón" />
<div class="inner" style="display:none;">
Esto es un Spoiler!(poner aca el código de lo que querramos ocultar)
</div>
</div>