Estructura de un gadget en Blogger II

Anteriormente había explicado la estructura de un gadget, pero la estructura no se lleva solamente una entrada. Pues faltan por explicar algunos aspectos. Como lo son los b:includables, con los cuales reutilizaremos código fácilmente. Es decir sin tener que escribirlo dos veces.

La estructura por defecto de un gadget es la siguiente:

<b:widget id='HTML1' locked='false' title='' 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'>
      <data:content/>
    </div>
    <b:include name='quickedit'/>
  </b:includable>
</b:widget>

Los b:includables son muy útiles a la hora de escribir código mas de una vez, ya que almacena el código en el y solo con llamarlo el código será incluido en donde fue llamado.

La estructura del b:includable es:

<b:includable id='IDENTIFICADOR'>
  CODIGO
</b:includable>

Y para llamarlo:

<b:include name='IDENTIFICADOR'/>

Para utilizarlo debe colocarse de la siguiente manera:

<b:widget id='HTML1' locked='false' title='' type='HTML'>
  <b:includable id='icono-santy'>
    <img src='santy.png' />
  </b:includable>
  <b:includable id='main'>
    <b:include name='icono-santy'/>
    <b:if cond='data:title != &quot;&quot;'>
      <h2 class='title'><data:title/></h2>
    </b:if>
    <div class='widget-content'>
      <data:content/>
      <b:include name='icono-santy'/>
    </div>
    <b:include name='quickedit'/>
    <b:include name='icono-santy'/>
  </b:includable>
</b:widget>

Si agregamos el gadget anterior a la plantilla, este mostrará una imagen antes del titulo, una imagen antes del contenido del gadget y una después del icono de editar. Todo esto agregando el código dentro del b:includable y llamar al b:include, con la identificación apropiada cuantas veces queramos.