Lo primero que debemos saber es que el cuerpo de la plantilla (todo lo que está entre <body> y </body> está dividido secciones y que cada sección contiene elementos (widgets). Esas secciones son áreas generales del blog (sidebar, footer, header, etc); y los elementos son áreas internas (imagen, links, html, feeds, etc).
Cada sección comienza con la etiqueta <b:section> y termina con la etiqueta </b:section>, por ejemplo, estos son los códigos por defecto:
el header
<b:section class='header' id='header' maxwidgets="1" showaddelement="no">
.......
</b:section>
el área de posts
<b:section class='main' id='main' showaddelement='no'>
.......
</b:section>
la sidebar
<b:section class='sidebar' id='sidebar' preferred='yes'>
.......
</b:section>
el footer
<b:section class='footer' id='footer'/>
.......
</b:section>
Esta etiqueta sólo acepta los siguiente parámetros:
id es obligatorio y debe ser un nombre único (letras y/o números)
class es opcional, por defecto, los nombres de las clases son simples y evidentes (navbar, header, main, sidebar, footer).
maxwidgets es opcional e indica el número máximo de elementos que puede contener la sección (si no se especifica, no hay límite)
showaddelement es opcional y puede ser yes o no (por defecto yes) e indica si existirá la opción de Agregar nuevos elementos desde la primera solapa de diseño.
growth es opcional y no es utilizado habitualmente. Puede tener dos valores, horizontal o vertical (el valor por defecto es vertical). Con esto, determinamos si los elementos dentro de una sección se ubicarán uno al lado del otro o uno debajo del otro.
Los problemas al intentar agregar un elemento pueden surgir porque el parámetro maxwidgets esté definido (esto es lo que ocurre por defecto con el header) o showaddelement tenga el valor no.
Cuando el navegador nos muestra el blog, todas las etiquetas b:section son reemplazadas por etiquetas div y los únicos parámetros visibles serán id y class, los otros, son datos internos que utiliza Blogger.
Algo que también consultan con frecuencia es que han intentado poner un código personal dentro de una sección y Blogger ha indicado un error. Esto es así porque dentro de una sección sólo puede haber elementos y no pueden contener otro tipo de código ni otra sección.
Si vamos a la Edición HTML de la plantilla y NO expandimos los elementos, veremos muy claramente la forma en que está dividido el blog:
id es obligatorio y debe ser un nombre único (letras y/o números)
class es opcional, por defecto, los nombres de las clases son simples y evidentes (navbar, header, main, sidebar, footer).
maxwidgets es opcional e indica el número máximo de elementos que puede contener la sección (si no se especifica, no hay límite)
showaddelement es opcional y puede ser yes o no (por defecto yes) e indica si existirá la opción de Agregar nuevos elementos desde la primera solapa de diseño.
growth es opcional y no es utilizado habitualmente. Puede tener dos valores, horizontal o vertical (el valor por defecto es vertical). Con esto, determinamos si los elementos dentro de una sección se ubicarán uno al lado del otro o uno debajo del otro.
Los problemas al intentar agregar un elemento pueden surgir porque el parámetro maxwidgets esté definido (esto es lo que ocurre por defecto con el header) o showaddelement tenga el valor no.
Cuando el navegador nos muestra el blog, todas las etiquetas b:section son reemplazadas por etiquetas div y los únicos parámetros visibles serán id y class, los otros, son datos internos que utiliza Blogger.
Algo que también consultan con frecuencia es que han intentado poner un código personal dentro de una sección y Blogger ha indicado un error. Esto es así porque dentro de una sección sólo puede haber elementos y no pueden contener otro tipo de código ni otra sección.
Si vamos a la Edición HTML de la plantilla y NO expandimos los elementos, veremos muy claramente la forma en que está dividido el blog:
.......
<b:section class='header' id='header'>
<b:widget id='Header1' locked='true' title='nombre (cabecera)' type='Header'/>
</b:section>
.......
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'/>
</b:section>
.......
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Feed1' locked='false' title='Últimos posts' type='Feed'/>
<b:widget id='HTML1' locked='false' title='ESTADISTICAS' type='HTML'/>
<b:widget id='Label1' locked='false' title='ETIQUETAS' type='Label'/>
<b:widget id='BlogArchive1' locked='false' title='ARCHIVOS' type='BlogArchive'/>
</b:section>
.......
<b:section class='footer' id='footer'>
</b:section>