Agregar barras laterales

Las barras laterales nos permiten incluir varios gadget para nuestro blog, una de las mas importantes son: html/javascript, seguidores en google y la lista de los usuarios que siguen tu blog, etc.

En nuestro blog podemos agregar infinidad de barras laterales, izquierda o derecha. Tambien podemos añadir barras en el pie de nuestro blog. El codigo que se introduce es el siguiente:

  <b:section class='sidebar' id='sidebar' preferred='yes'/>
 <b:section class='footer' id='footer' preferred='yes'/>

Si queremos poner mas gadget en nuestro blog, solo sera necesario poner un numero a sidebar o footer por ejemplo:

 <b:section class='sidebar1' id='sidebar1' preferred='yes'/>
 <b:section class='sidebar2' id='sidebar2' preferred='yes'/>
 <b:section class='sidebarN' id='sidebarN' preferred='yes'/>

En donde insertaremos el primer codigo es en una de las diviciones de nuestro blog, usualmente estos gadget van en los lados laterales, por lo que buscaremos las diviciones de sidebar-wrapper y es donde sera puesto nuestros section:

<div id='sidebar-wrapper'>
<b:section class='sidebar1' id='sidebar2' preferred='yes'>
</div>

Si nuestro blog se ha iniciado desde el principio, es decir, que vamos creando nuestro trabajo a nuestra manera, con nuestro propio código; no habrá problemas para verlo a simple vista, que este lugar no tenga nada, pero, si es una de las plantillas de blogger, el código que se encuentre sera como el que se muestra:

<div id='sidebar-wrapper'>
<b:section class='sidebar2' id='sidebar2' preferred='yes'>
<b:widget id='PlusOne1' locked='false' title='+1 Button' type='PlusOne'>
<b:includable id='main'>

<div class='widget-content'>
<g:plusone expr:annotation='data:annotation' expr:href='data:blog.canonicalHomepageUrl'  expr:size='data:size' source='blogger:blog:plusone' width='250'/>

<script type='text/javascript'>
window.___gcfg = {&quot;lang&quot;: &quot;<data:language/>&quot;};
</script>
</div>

</b:includable>
</b:widget>
<b:widget id='HTML2' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<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>
</b:section>
</div>

Como podemos observar que en esta lista de gadget tenemos un boton de Google Plus y el gadget de añadir código html.

Para terminar podemos trabajar con nuestro footer-wrapper o pie de pagina, todos los pasos son los mismo que ya se mencionaron, las etiquetas footer se encontraran al final del código de blogger.