Por fín menús fáciles en Blogger

Por fín ha llegado a blogger la solución que muchos estábamos esperando. La creación de una barra de menús donde poder mostrar páginas estáticas, totalmente independientes del funcionamiento común del blog.

Si bien es cierto que mediante la edición del código html ya lo habíamos conseguido, ahora Blogger pone a disposición de los menos iniciados la creación de estos menús de forma fácil mediante un sencillo gadget denominado "Páginas".

Desde hace unos días vemos que en la pestaña "Creación de entradas" hay un nuevo submenú llamado "Editar páginas", que si bien es cierto que en blogger.com ha funcionado de forma muy inestable, en Blogger in draft sí que lleva algún tiempo funcionando bastante bien.

Si hacemos clic en "Editar páginas" podremos escribir de la misma forma que escribimos una entrada del blog, sólo que en esta ocasión, una vez terminada la entrada, podremos enlazarla en la parte superior de nuestro blog, (menú), o en la barra lateral, (links). Esto lo conseguiremos mediante un sencillo "Gadget" que ha añadido blogger a su colección y que se llama "Páginas".

Un ejemplo práctico, (tomado del propio Blogger in draft)

Si deseamos crear un menú en la parte de arriba del blog, tan sólo tenemos que ir a Creación de entradas - Editar páginas. Una vez aquí, podremos crear hasta 10 páginas que serán las que referenciemos en la barra de menús.

Una vez creadas las páginas, nos vamos a Diseño y añadimos el gadget "Páginas" y lo colocamos en la parte superior del blog, (si deseamos crear una barra de menús) o en la sidebar, (en este caso aparecerán a modo de links).

En el gadget podremos configurar qué páginas y en qué orden queremos que aparezcan y si deseamos que al escribir nuevas páginas independientes, (mediante "Editar entradas"), éstas aparezcan automáticamente en la barra de menús.

Para los que tenemos plantillas personalizas, con menús incluidos, (como la de éste mismo blog), la utilización del gadget nos puede dar problemas, así que para evitarlos Blogger también nos da la solución, (para aquellos que estén familiarizados con la utilización del código html):

1. Buscar las siguientes 3 líneas de código html. Si existen estas 3 líneas, debemos cambiar showaddelement='no' por showaddelement='yes'

<div id='crosscol-wrapper' style='text-align:center'>         <b:section class='crosscol' id='crosscol' showaddelement='no'/>   </div>

2. En el caso de que estas 3 líneas no existen, debemos pegar las siguientes líneas de código allí donde queramos que aparezca el menú, (por ejemplo, después de <div id='content-wrapper'>)

<div id='crosscol-wrapper' style='text-align:center'>         <b:section class='crosscol' id='crosscol' showaddelement='yes'/>       </div>

3. Como siempre, hacer una vista previa para ver si todo está correcto y guardar.
   
4. Ir a Diseño y añadir el gadget "Páginas" como hemos explicado anteriormente.

Y ya tendremos disponible nuestra barra de menús en nuestro blog.

Posted in: Blogger