Como últimamente los códigos HTML y el CSS me tienen tan enamorado, quiero comenzar ya a compartir lo poquillo que he aprendido estos días. Crearemos una sección de Ayuda Blog, enfocada en la plataforma que amamos y usamos, Blogger. En la mísma pretendemos paso a paso como crear un blog, personalizarlo, conocer de arriba a abajo e ir dejando a un lado nuestros temores de toquetearlo.
Como todo en la vida, es bueno comenzar por lo más sencillo; identificar las zonas que componen nuestra plantilla. Como nos dice Max, es una de las cosas más difíciles de encontrar en muchos tutoriales, pues se les olvida a los blogueros que son profesionales en la materia.
Es preciso conocer a rajatabla nuestra plantilla, para de esta manera poderla modificar a nuestro gusto. El ejemplo nos muestra un diseño clásico-estandar de Blogger, Denim. Con un diseño simple y dividida por zonas bien definidas, es excelente para comenzar a trastear con nuestro diseño.
Y el código de colores es este:
#header | |
#header-wrapper | |
body | |
#content-wrapper | |
#main-wrapper (afecta también a la zona de comentarios) | |
.post-title | |
.post | |
.post-footer | |
#sidebar-wrapper | |
.sidebar h2 | |
.sidebar .widget-content | |
#footer |
Pues lo dicho, espero que esta primera parte de nuestro recorrido por el mundo de Ayuda Blog les sea útil. Más adelante veremos más tutoriales y herramientas para el diseño y correcto funcionamiento de nuestro blog.