Hacker of the Web
Tus ideas en código!...y mas

Expandir o contraer, cada gadget

Los gadgets contraíbles tienen la misma funcionalidad que las entradas contraíbles. Puedes utilizarlo en los gadgets que quieras!!

Gadgets expandibles


[1] Para colocarlo simplemente debes dirigirte a Diseño>Edicion HTML>Expandir plantillas de artilugios y agregar las siguientes lineas de código antes de la etiqueta </head>, para cargar los archivos JavaScript, que contienen los códigos necesarios para el efecto de desplazamiento(Prototype.js y scripttaculous.js):
<script type='text/javascript' src='http://www.google.com/jsapi'></script>
<script type='text/javascript'>
google.load("prototype","1.6.0.3");
google.load("scriptaculous", "1.8.2");
</script>

[2] Ahora solo tienes que buscar por su nombre al gadget que quieres agregar el efecto:
<b:widget id='HTML101' locked='false' title='miGadget' type='HTML'>
<b:includable id='main'>
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>


[3] Y modificarlo como el siguiente ejemplo:
<b:widget id='HTML101' locked='false' title='miGadget' type='HTML'>
<b:includable id='main'>
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><sup><a expr:onclick='&quot;Effect.toggle(\&quot;&quot; + data:widget.instanceId + &quot;_miGadget&quot; + &quot;\&quot;,\&quot;slide\&quot;);&quot;' href='javascript:void(0)' style='text-decoration:none;'>[+/-] </a></sup><data:title/></h2>
</b:if>
<div class='widget-content' expr:id='data:widget.instanceId + &quot;_miGadget&quot;'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

Lo mejor en estos casos es tener como referencia la etiqueta:
  <b:includable id='main'>
Ya que esta etiqueta es la que muestra el contenido de cada gadget, asi que cada gadget la tiene. Dentro de ella estará siempre el código que necesitas modificar.

Suerte!!

/!\ En esta entrada se asume que tienes conocimientos de como editar la plantilla. Si no sabes como o donde se modifica, revisa esta entrada: Donde editar el código HTML de nuestra plantilla.

#

Deja tu huella y comenta!

Hola!, por favor deja tus comentarios, te aseguro serán contestados, dudas, sugerencias, lo que sea!!!!!!!!!!.

Si el formulario no funciona, o quieres irte a la segura: agrega tu comentario de forma tradicional

Si necesitas ayuda mas personalizada deja un <a href='URL'>ENLACE</a> hacia tu blog.

Emoticons
Comenta con tu:
Comenta:

3 comentarios !

Oscar dijo...

Hola Santy, antes que nada gracias por tu grandioso blog, me ha ayudado mucho para mejorar mi blog, ahora, me gustaría saber si sabes como se puede modificar el tiempo de expansión de cada entrada o gadget, de antemano gracias por tu respuesta.

Omar dijo...

hola sabes puse el codigo pero cuando abro el blog el gadget aparece expandido como hago para que este contriaido cuando habra el blog

Despreciable!! dijo...

Hola,,me pasa lo mismo q a Imprezz Blogger


Página Principal
Arriba