Crear secciones para gadgets en Blogger

Muchas veces las plantillas no incluyen secciones para añadir gadgets y muchos de los espacios se desaprovechan. En este tutorial enseñaré a crear secciones funcionales en las que podremos añadir tantos gadgets como nos sea necesario y así aprovecharemos cada sección del blog.

El tutorial:

Advierto que el tutorial es bastante sencillo y no requiere conocimientos avanzados, pero para personalizarlos se requiere un mínimo de conocimientos sobre CSS.

Paso 1: Creando la sección:

En ''Diseño | Edición HTML'', debemos buscar alguna sección en la que queramos añadir gadgets, usaré como ejemplo el main-wrapper (La sección en la que se encuentran las entradas) situaré la sección de gadgets sobre esta tal como se puede apreciar en las siguientes imágenes:

Después de agregar la sección se verá así:

Una vez que encontramos una sección, podemos añadir esta línea, la cual permitirá que podamos agregar gadgets:

<b:section id='nuevos-gadgets'/>

 Reemplaza el valor de color rojo por el nombre deseado, guarda los cambios y listo.

Para comprobar si la sección está creada puedes ir a ''Diseño | Elementos de la página'' y deberá aparecer una nueva sección para incluir gadgets.

Paso 2: Personalizando la sección de gadgets:

Ahora que ya tenemos nuestra sección de gadgets creada, procedemos a personalizarla, para ello utilizaremos el nombre que escogimos anteriormente.

Crearemos la síntaxis en la cual añadiremos los estilos y atributos que necesitemos:

#nuevos-gadgets {
Las declaraciones van acá;
}

Recuerda que estos códigos van antes del siguiente código:

]]></b:skin>

Recuerda que con este tutorial es posible crear muchas cosas, como una sidebar, un pie de página, etc, pero la mayoría de estos necesitan que redimensionemos distintos espacios del blog, y que a su vez les den flotaciones, márgenes, posiciones y los demás atributos que deseemos.

Extra: Códigos avanzados:

Es posible dar códigos condicionantes a cada sección, veamos algunos:

• maxwidgets: Permite definir la cantidad de gadgets que soportará la sección (Valores numéricos).


• showaddelement: Permite mostrar u ocultar la opción de añadir gadgets (Valores yes o no).

El código deberá quedar así:

<b:section id='nuevos-gadgets' maxwidgets='1' showaddelement='yes'/>