- Añadir el gadget de la manera habitual (Elementos de Página)
- Editar la plantilla con Plantillas de Artilugios Expandidos
- Localizar el gadget por su título
- Insertar un enlace en el título con una llamada a Effect.toggle, poniendo una identificación al enlace que será única para cada gadget. En el ejemplo sería "barravideo", sustituir en cada caso por la que querais siempre que no se repita en otro gadget.
- Añadir al DIV con clase WIDGET-CONTENT la ID antes utilizada y una etiqueta de estilo con un DISPLAY:NONE; para que inicialmente, el gadget no sea visible. Si se desea que inicialmente sea visible, la etiqueta STYLE deberá estar sin ese atributo.
- Opcionalmente se puede colocar una imagen con formato, para indicar que el bloque es desplegable.
<b:widget id='VideoBar1' locked='false' title='Barra de vídeo' type='VideoBar'>
<b:includable id='main'>
<a href='javascript:void(0);' onclick='Effect.toggle("barravideo","blind"); return false'> (4)
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN3OD_mj16-AmQaWZZz__fGQT43pSmxgvwWr0H_TXoTd0KoGX1bqXfoLKZ0NItLgTY6iqYXbkfG1NSV75fNGaULd6jeoKC53xgzAKzbK5STmvqRMjophE41y1G7ayAENJDRyfxOoyvwDc/s400/marca.gif' style='display:block;float:right;margin:3px 5px 0px 0px;'/><data:title/></h2> (6)
</b:if>
</a> (4)
<div class='widget-content' id='barravideo' style='display:none;'> (5)
<div expr:id='data:widget.instanceId + "_bar"'>
<span class='videoBar-status'>Loading...</span>
</div>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:includable id='main'>
<a href='javascript:void(0);' onclick='Effect.toggle("barravideo","blind"); return false'> (4)
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN3OD_mj16-AmQaWZZz__fGQT43pSmxgvwWr0H_TXoTd0KoGX1bqXfoLKZ0NItLgTY6iqYXbkfG1NSV75fNGaULd6jeoKC53xgzAKzbK5STmvqRMjophE41y1G7ayAENJDRyfxOoyvwDc/s400/marca.gif' style='display:block;float:right;margin:3px 5px 0px 0px;'/><data:title/></h2> (6)
</b:if>
</a> (4)
<div class='widget-content' id='barravideo' style='display:none;'> (5)
<div expr:id='data:widget.instanceId + "_bar"'>
<span class='videoBar-status'>Loading...</span>
</div>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
0 comentarios:
COMENTA, QUE ES GRATIS...