Plantilla Base Simple Blogger

Antes de desarrollar el código de una plantilla siempre seguía los mismos pasos.

  1. Elegir una plantilla base de Blogger.
  2. Borrar las variables.
  3. Eliminar la Navbar.
  4. Comentar el código.
  5. Hacer más legible el CSS.
  6. Implementar un sistema de cuadriculas.
  7. Agregar un borde a los elementos principales para diferenciarlos.
  8. Y ahora si puedo crear mi plantilla.

Por eso decidí crear una plantilla base con los ítems anteriores ya implementados en ella, solo para facilitar mí trabajo.

Para la cuadricula utilicé el sistema de 960 Grid System, que creo que es el que tiene el paquete más completo (CSS, plantillas demo, «sketch books» y una herramienta muy útil que se instala en los marcadores).

También creé unas entradas predeterminadas con todo lo que necesito para hacer pruebas (imágenes, listas, blockquotes, códigos, etc.). Así solo tengo que importarlas desde mi PC al blog cada vez que las necesite.

Demo Descargar

4 comentarios

  1. Daniel Martínez Almela — 13 de abril de 2012, 21:48

    Es genial este proyecto. Yo hacia constantemente lo mismo... borrar, borrar, comentar, añadir CSS...

    Gracias!

    1. Erwin Andrés — 14 de abril de 2012, 2:06

      Me alegra que te guste. Me ha ahorrado tiempo y trabajo esta plantilla, espero y te sea útil.

  2. Daniel Martínez Almela — 14 de abril de 2012, 8:38

    He estado viendo la plantilla y me di cuenta de un pequeño "bug". Cuando me meto en el diseñador de gagets, al editar uno cualquiera, el enlace se va a la parte de arriba imposibilitando entrar de forma normal. Revisé el código con firebug y vi que el fallo lo provocaba este CSS:

    a:active, a:focus {
    position: relative;
    top: 1px;
    }

    jaja al activar el enlace se desplazaba hacia arriba.

    1. Erwin Andrés — 14 de abril de 2012, 16:50

      Jaja... Sí había visto ese error, pero lo ignoraba completamente (debe ser que pensaba que era un problema de Blogger).

      Como sea, ya eliminé esa parte del código y actualicé la plantilla.

      Muchas gracias por tu colaboración.