Widgets expandibles en Blogger

Es esencial mantener limpio nuestro entorno de Blog por muchas razones, en este caso nos ayudará un javascript que hará que un gadget no se muestre hasta que el visitante lo quiera ver y haga click para mostrarlo, esto mediante una expansión y contracción del contenido al clickear.

Su implementación es bastante sencilla, ya que todos los widgets tienen una estructura similar en la plantilla.

Que es como la siguiente:

  <b:widget id='Text1' locked='false' title='Bienvenidos' type='Text'><b:includable id='main'><!-- only display title if it's non-empty --><b:if cond='data:title != ""'><br /> <h2 class='title'><data:title /></h2> <p></b:if> <div class="widget-content"><data:content></div> <p><b:include name="quickedit"></b:includable></b:widget>

Para poder convertir nuestro típico widget en un bonito widget expandible solo tendremos que añadir unas cuantas lineas de código.

Para hacerlo tendremos que ir a la edición de plantilla y seleccionar Expandir plantillas de artilugios buscar el  titulo del widget (Ctrl+F) y añadir las lineas que se muestran a continuación en color rojo.

 
[+/-]

Ya podemos guardar la plantilla y probar nuestros widgets, para darle más estética podemos cambiar [+/-] por  con alguna imagen, aquí te dejo unas para que las incluyas fácilmente.

7LNtncjzFo/TuRF4kg5MGI/AAAAAAAABoc/PK21s6wNLZw/s40/flecharosa.png" />

Tomado de El Escaparate de Rosa Q.E.P.D