Esqueleto Blogger

Cada Blog de Blogger tiene su esqueleto basico. Muchas veces nos asustamos cuando vamos a la opcion de Diseño y le damos click a la pestaña HTML. En la actualidad Blogger funciona con un codigo basico de XHTML, acrónimo en inglés de eXtensible Hypertext Markup Language (lenguaje extensible de marcado de hipertexto), es el lenguaje de marcado pensado para sustituir a HTML como estándar para las páginas web. En su versión 1.0, XHTML es solamente la versión XML de HTML, por lo que tiene, básicamente, las mismas funcionalidades, pero cumple las especificaciones, más estrictas, de XML. Su objetivo es avanzar en el proyecto del World Wide Web Consortium de lograr una web semántica, donde la información, y la forma de presentarla estén claramente separadas.

La versión 1.1 es similar, pero parte a la especificación en módulos. En sucesivas versiones la W3C planea romper con los tags clásicos traídos de HTML.

Ahora para conocer mas el esqueleto de nuestro blog les invito que vayan a la pestaña HTML y busquen los siguientes codigos:

Cada codigo esta representado con base al color de la imagen que aparece en el lado superior.

Cabecera:
<div id='header-wrapper'> ABRE DIV CABECERA <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> ABRE SECCION CABECERA <b:widget id='Header1' locked='true' title='Blog (cabecera)' type='Header'/> WIDGET </b:section> CIERRA SECCION


Entradas del Blog:
<div id='main-wrapper'> ABRE DIV ENTRADAS <b:section class='main' id='main' showaddelement='no'> ABRE SECCION PRINCIPAL <b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'/> WIDGET QUE CONTROLA LAS ENTRADAS </b:section> CIERRA SECCION PRINCIPAL </div> CIERRA DIV ENTRADAS

Pie de Pagina:
<div class='clear'> </div> RESETEA ELEMENTOS FLOTANTES </div> CIERRA CONTENIDO PRINCIPAL <div id='footer-wrapper'> ABRE DIV PIE <b:section class='footer' id='footer'/> SECCION PIE </div> CIERRA DIV PIE </div> CIERRA DIV WRAP2</div> CIERRA DIV OUTER

Sidebar o lugar de Gadget:
<div id='sidebar-wrapper'> ABRE DIV SIDEBAR <b:section class='sidebar' id='sidebar' preferred='yes'> ABRE SECCION SIDEBAR WIDGETS BARRA LATERAL </b:section> CIERRA SECCION SIDEBAR </div> CIERRA DIV SIDEBAR

Pages