27 de noviembre de 2009

Expandir y contraer gadget con Scriptaculous

Ya que tengo instalado el javascript de Scriptaculous (para el botón ir arriba), he decidido aprovecharlo y mantener recogido el gadget “Archivo del Blog”, que aunque me parece necesario, resulta de apariencia extraña.  Estoy convencido de que la nube de etiquetas es mas útil para la navegación por la página, y siempre queda el botón “voy a tener suerte” para aventurarse por antiguas o desconocidas entradas.

Para ello he seguido las instrucciones que describe El Escaparate de Rosa y que vienen a ser las siguientes:

En Edición HTML de nuestro panel, marcamos la casilla de expandir las plantillas de artilugios y localizamos el gadget que nos interesa por la línea de código que marca su comienzo y en la que podemos ver su título:

<b:widget id='HTML4' locked='false' title='Archivo del Blog' type='HTML'>

Una vez localizado el gadget, añadimos estas líneas de código que veis en otro color tomando como referencia el resto de código del gadget:

<b:widget id='HTML4' locked='false' title='Posts populares' type='HTML'>
<b:includable id='main'>
<a href='#' onclick='Effect.toggle(&quot;ARCHIVOBLOG&quot;,&quot;slide&quot;); return false'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/> &#9660;</h2></b:if>
</a><div align='center' id='ARCHIVOBLOG' style='display: none;'>
<div class='widget-content'>
<data:content/>
</div>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

Es muy importante recordar que siempre que se use el javascript de Scriptaculous hay que elegir una variable diferente para controlar correctamente el div (en este caso ARCHIVOBLOG), que tiene que ser única e irrepetible en el resto de la plantilla.

Entrada anterior Entrada siguiente Página Principal
Related Posts Plugin for WordPress, Blogger...