Las secciones b:section en blogger

Las etiquetas b:section son parte fundamental dentro de una plantilla de blogger ya que estas se usan para crear secciones en dispersas partes del blog y su única función es contener los widgets que comúnmente agregamos y damos uso.
Su sintaxis es la siguiente:


Como toda etiqueta html, cada b:section debe de abrirse y cerrarse:


<b:section id='[nombre identificador]'></b:section>

Es importante que en cada id tenga su [nombre identificador], esto se hace para identificar cada etiqueta b:section dentro de la plantilla. Si no tiene ningún nombre identificador dentro de id='[nombre identificador]' blogger te notificara con un error que debes de darle un nombre que lo identifique al darle guardar en la edición de html.


[nombre identificador]

por ejemplo: sidebar, menu, main, footer.


Ejemplos de uso

Para agregar una sección deben ir a Plantilla > Edición de HTML y creamos la seccion en cualquier parte dentro de la etiqueta body:


<html>
<head>
<title><data:blog.pageTitle/></title>
<b:skin/>
</head>

<body>

<b:section id='[nombre identificador]'></b:section>

</body>
</html>

Para crear una sección dentro de un header:


<header>
<b:section id='header'></b:section>
</header>

Para crear una sección dentro de un sidebar:


<div class="sidebar">
<b:section id='sidebar'></b:section>
</div>

Para crear una sección dentro de un pie de pagina (footer):


<footer>
<b:section id='footer'></b:section>
</footer>

como en estos ejemplos, cada uno lleva un nombre identificador para que cuando entres a la configuración del tema se sepa de que parte es cada sección.


Recuerda que puedes colocar cualquier nombre como identificador. yo coloque de ejemplos los que normalmente llevarían dentro de esas etiquetas.


4 Comentarios

  1. Hola amigo has mas tutoriales como estos para hacer una plantilla responsive :)

    ResponderEliminar
    Respuestas
    1. Hola amigo, intentare agregar mas información sobre la data de blogger, lo responsive no tiene nada que ver con el código de desarrollo de blogger, eso es independiente al css.

      Eliminar
  2. publicare mas información sobre las datas de blogger y como funciona su formato xml

    ResponderEliminar

Publicar un comentario