Devitácora

Un blog informático

Aplicar estilos al ­«Layout» (Diseño) de Blogger

Cuando maquetaba mi blog observé que la estructura de mi sitio no se veía reflejada en la página de los elementos de Blogger (es la sección Layout o Diseño), todo se mostraba en una sola columna. Intenté agregar el CSS correspondiente a ese apartado de varias maneras en la plantilla, pero no era tomado en cuenta. Sabía que algo estaba omitiendo, como buen newbie, y era la etiqueta b:template-skin; con ella le indicamos a Blogger que las instrucciones que encierre se deben aplicar en dicha sección:

<b:template-skin>
  REGLAS DE CSS
</b:template-skin>

Pero hay que tener presente algo, que lo que se defina ahí afectará de igual manera al blog; para evitarlo, podemos anteponer body#layout al referirnos a los elementos:

<b:template-skin>
   body#layout #main {
     DECLARACIONES
   }
   body#layout #sidebar {
     DECLARACIONES
   }
</b:template-skin>

Si al guardar los cambios nos envía un error tipo bX, debemos verificar que la etiqueta de apertura <html> lleve incluido b:version='2':

<html b:version='2' ... >

search-icon home-icon blog-icon about-icon envelop-icon calendar-icon tag-icon comment-icon share-icon gmail-icon blogger-icon twitter-icon facebook-icon printer-icon link-icon list-icon rss-icon logo-icon