Cómo añadir páginas estáticas en Blogger

Un post sobre Blogger hecho en… ¿Wordpress?

Hoy en día sin duda que WordPress es el rey de los CMS y el más utilizado a la hora de levantar blogs, principalmente por sus amplias funcionalidades que superan a sus competidores.

Sin embargo, aún hay muchos que prefieren otras alternativas como Blogger, encantados por su simpleza y porque solo se enfoca en ser blog y no plataforma administradora de contenidos. Para todos aquellos usuarios de Blogger (como yo también algún día lo fui) les traemos un sencillo tutorial en donde les enseñaremos un pequeño y útil truco, mediante el cual podremos añadir páginas estáticas al blog y darle un estilo más de sitio.

El detalle, como siempre, después del salto.

Una de las buenas ventajas que WordPress presenta sobre Blogger es la funcionalidad de añadir páginas con contenido estático (como descripciones del sitio, páginas de contacto, etc.) de manera muy sencilla, casi tanto como crear un artículo. Esto en Blogger por defecto no se puede realizar. Sin embargo, como todo en la vida, hay algunos trucos que nos permiten llevar a cabo esta tarea.

Nota: El método explicado en este tutorial puede no funcionar con algunas plantillas de Blogger. Lo probamos con varias y tuvimos buenos resultados, por lo que hay una alta probabilidad de que funcione en la gran mayoría.

Implementos necesarios:

1. Un blog en Blogger.

Procedimiento:

1.- Lo primero que debemos hacer, es ingresar a nuestro blog en Blogger:

2.- Una vez adentro, debemos hacer click en Nueva Entrada para crear la página estática que añadiremos:

3.- Luego, creamos un artículo o entrada que será la página estática. Aquí añadimos el texto, imagenes, etc. que queramos:

4.- Antes de publicar la entrada que acabamos de crear, debemos hacer click en el enlace que dice “Opciones de entrada”

Y en las opciones, debemos marcar que no se permitan comentarios (a menos que queramos que los usuarios puedan comentar en la página) y además debemos alterar la fecha de publicación. Por defecto se publicará el artículo en la fecha y hora actual, con lo que será la última entrada que aparezca en el blog. Si cambiamos la fecha a una más antigua, quedará entremedio de artículos anteriores y no se notará a primera vista:

Luego de eso, publicamos el artículo.

5.- A continuación, vamos a la pestaña u opción de Diseño:

6.- Una vez ahí, seleccionamos Edición de HTML:

7.- En la edición de plantilla, debemos buscar el siguiente trozo de código:

<b:section class=’header’ id=’header’ maxwidgets=’1′ showaddelement=’no’>

Y lo reemplazamos por el siguiente texto:

<b:section class=’header’ id=’header’ maxwidgets=’2′ showaddelement=’yes’>

8.- Luego, buscamos el siguiente código:

</b:skin>

Y justo arriba añadimos:

#header ul li {
display: inline;
padding: 0 5px;
}

9.- Guardamos los cambios y en la misma sección Diseño nos dirigimos a Elementos de la página donde podremos ver que abajo de Barra de navegación se añadió un nuevo ítem llamado Añadir un gadget:

10.- Hacemos click en Añadir un gadget y se abrirá una ventana emergente, en donde debemos buscar la opción Lista de enlaces y hacemos click en el signo + que aparece a la derecha:

11.- Con esto se cargará la ventana de configuración:

Aquí debemos llenar:

• Título: El nombre de la sección. Ej: Páginas.
• Número de enlaces que se mostrarán en la lista: Cuantos enlaces que añadamos se mostrarán, si lo dejamos en blanco se mostrarán todos los que agreguemos.
• Ordenación: Si queremos establecer un orden específico.
• URL del sitio web nueva: Aquí añadimos la URL de la entrada que creamos en un principio.
• Nombre del sitio web nuevo: Aquí debemos agregar el nombre con el que se mostrará el enlace. Ej: Contacto.

Luego hacemos click en Añadir Enlace y luego Guardar.

12.- Finalmente, vamos al índice de nuestro blog y deberíamos ver la página añadida:

Y repetimos el procedimiento con cada página que queramos añadir.

Así de simple podemos agregar una serie de páginas de contenido estático a nuestros blogs de Blogger y darle un aspecto más parecido a un sitio Web.

Como siempre, recuerden que este tutorial ha sido:

Cualquier duda o comentario que puedan tener, los invitamos a dejarnos unas líneas en el área habilitada a continuación.

Esperamos que este tutorial haya sido de utilidad para Uds.

Muchas gracias por leer y será hasta una próxima oportunidad.