El contenedor widget de blogger

El contenedor widget de blogger nos permite utilizar gadget que posee blogger tales como lo son el de Entradas Populares o bien el clásico Gadget de Etiquetas, también no podemos olvidar el más importante de todos el gadget de Entradas del blog el cuál es el que le dará vida a nuestro blog por completo.

Sintaxis

La sintaxis básica del contenedor widget se construye con las etiquetas: <b:widget></b:widget> y debe llevar obligatoriamente el contenedor includable de blogger con el id main

<b:widget>
 <b:includable id="main">
  //contenido
 </b:includable>
</b:widget>

estructura html

Una vez procesado, el widget tiene la siguiente estructura html:

<div class="widget" id="{TIPO}">
  <h2>Widget HTML</h2>
    <div class="widget-content">
      <!-- contenido del widget -->
    </div>
</div> 
está de más decir que el div con la clase widget-content se agrega de forma automatica y no es posible de eliminar.

Atributos

El contenedor widget posee los siguientes atributos que se detallan en la siguiente tabla:

atributo valor uso obligatorio
id string Identificador único del widget. Debe llevar el mismo nombre que el atributo type agregando un número al final.
type string Nos permite eligir el tipo de gadget. No
title string Nos permite agregarle un título que será visible desde la pestaña diseño de nuestro panel de administración. No
locked boolean Nos permite bloquear el widget. Esto significa que no podremos mover el widget de su sección actual. No
visible boolean Nos permite ocultar o visualizar un widget del blog en producción. Solo disponible en la versión 3 del layout de blogger No

Variables data

El contenedor widget posee las siguiente variables data de blogger para su uso.

atributo valor uso
data:title string Devuelve el valor que hayamos declarado en el atributo title.
data:widget.sectionId string Devuelve el identificador de la sección donde se encuentra el widget actual.
data:widget.type string Devuelve el tipo de gadget acutal.
data:widget.instanceId string Devuelve el identificador del widget actual.
data:widget.quickEditUrl url Devuelve la url para editar el widget actual.

El contenedor widget-settings

El contenedor widget-settings nos permite configurar un widget desde el editor HTML de blogger es útil si lo que buscamos es hacer modificaciones sin ir a la pestaña diseño. Este contenedor se construye principlamente de la etiqueta <b:widget-settings></b:widget-settings> y <b:widget-setting></b:widget-setting>. Y su sintaxis es la siguiente:

<b:widget-settings>
<b:widget-setting><!-- contenido de la opción --></b:widget-setting>
</b:widget-settings>

Función

La función principal de este contenedor o bien etiqueta es el almacenar las opciones que el usuario configure para el gadget en sí desde la pestaña diseño del panel de administración de blogger. Si este contenedor no se encuentra al momento de instalar una plantilla que no posea este contenedor, se generará de forma automatica.

Atributos

A continuación se detallan los atributos soportados

atributo valor uso obligatorio
name definido por el gadget definido por el gadget
AVISO: El atributo name solo está disponible para el contenedor widget-setting sin la "s" al final.

Eso ha sido todo. Si te gustó el artículo te invito a que compartas la entrada en redes sociales, eso me ayudaría mucho. Hasta pronto.

Otros artículos que quizá te gusten.

cargando...

Comentarios

Publicar un comentario