*♥* Key Trucos / Trucos Blog *♥*

E ste truco es muy útil para incluirlo en la sidebar o en algún post muy largo o con varias cosas a destacar, por supuesto que para los post tenemos el truco Seguir leyendo, pero, como decía, esto lo podemos utilizar por ejemplo cuando queremos referirnos a varias cosas en una misma entrada, y queremos mostrar ejemplos.
Es bien sencillo, y lo vi en acción varias veces en lo de Gem@
Es importante que siempre antes que hagas un cambio en la plantilla guardes una copia, por si el truco no te funciona o no te gusta puedas volver a lo que tenías.
Nada es infalible...^_^

Vamos a Plantilla/Edición Html/Expandir artilugios y buscamos la etiqueta </head> y justo antes añadimos lo siguiente:

<style type='text/css'>
.ver_menu { display:block; }
.ocultar_menu { display:none; }
</style>
<script type='text/JavaScript'>
function desplegar(categoria){
var menu = document.getElementById(categoria);
if(menu.className == "ver_menu"){
menu.className = "ocultar_menu";
}
else{ menu.className = "ver_menu"; } }
</script>

Guardamos los cambios y nos dirigimos al lugar que deseamos añadir el despegable, en este caso ha sido una entrada pero también se puede añadir a la sidebar. Editamos una entrada y añadimos lo siguiente:
<script type='text/JavaScript'></script>
<div class="UNIQUENAME">
<a href='javascript:desplegar("UNIQUENAME");'>
<img borde='0' height='35' src='aquí la url de la imagen' width='35'/></a>
<ul class='ocultar_menu' id="UNIQUENAME">

Acá escribimos todo lo que queremos ocultar, claro que puede ser todo no solo texto, widgets, imágenes etc.

</ul></div>
Ejemplo:

Acá escribimos todo lo que queremos ocultar, claro que puede ser todo no solo texto, widgets, imágenes etc.

Ahora debemos prestar atención
Cuando queramos incluir más de uno de estos códigos, debemos hacer un pequeño cambio.
Como verán en el código encontramos que UNIQUENAME aparece repetido 3 veces, y como dice la traducción, no debemos repetir este nombre (Nombre único), entonces si lo que
queremos o necesitamos es incluir este código mas de una vez, debemos cambiar el nombre de UNIQUENAME, puede ser lo que quieras, ya que esto no aparecerá.

Ejemplo práctico: