Crear páginas estáticas en Blogger

Por defecto Blogger no permite crear páginas estáticas, sin embargo, es posible añadirlas sin mucho problema. Hay varias soluciones pero hay una que me parece bastante sencilla y que creo se adaptará perfectamente a cualquier necesidad.

Crear la página
El proceso pasa en primer lugar por crear un nuevo post. El tí­tulo de la entrada será el nombre que queramos dar a la página y después debemos escribir lo que queramos que contenga, información acerca del autor, una lista de enlaces… Antes de publicarla, tenemos que modificar algunas opciones en la parte inferior del cuadro de edición:
– En primer lugar debemos cambiar la fecha de publicación sino queremos que aparezca como el último post escrito en nuestro blog. Para ello simplemente cambias la fecha a una anterior.
– En segundo lugar sino queremos ofrecer la posibilidad de añadir comentarios o recibir pingbacks deberemos deshabilitar la opción.

Blogger

Posicionar los enlaces a las páginas
Una vez creada la página tenemos que decidir dónde mostrar sus enlaces. Tenemos dos posibilidades:

1.- Podemos añadir un nuevo elemento en la barra lateral que podemos denominar “Secciones” y que sea una lista de ví­nculos, donde iremos añadiendo los links a las páginas que creemos. Los enlaces de las páginas serán las direcciones de los post que creaste en el paso previo y que deberás localizar en tu blog si no tienes la url.

Blogger2

2.- Sin embargo, también es posible añadir algo parecido a una barra de navegación en la parte superior del blog. El código que voy a mostrar para hacerlo puede no ser compatible con todas las plantillas y puede requerir algún tipo de modificación pero es imposible hacer uno válido para todas.

Recuerda que antes de modificar la plantilla es conveniente hacer una copia de seguridad.

Tenemos que ir a Diseño -> Edición HTML y buscar el siguiente trozo de código:


<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Consejos para blogs... (cabecera)' type='Header'/>
</b:section>
</div>

Una vez localizado debemos sustituir la lí­nea roja por la siguiente:

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

Ahora debemos añadir el siguiente código justo encima de la etiqueta </b:skin>


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

Una vez hayas hecho todo guardas la plantilla.

Por último, vas a Diseño ->Elementos de página y ves que puedes añadir un nuevo elemento encima de la cabecera. Pues simplemente lo haces, añades el elemento “Lista de ví­nculos” añadiendo las páginas que hayas creado. Los enlaces de las páginas serán las direcciones de los post que creaste en el paso previo y que deberás localizar en tu blog si no tienes la url.

Blogger3

Para que la barra se muestre debajo de la cabecera simplemente tienes que arrastrarla.

Blogger4

Guardas los cambios y ya está.

¿Qué páginas puedes añadir?
– Un página de información sobre ti
– Contacto
– Sobre cómo suscribirse
– Lista de posts más leí­dos.
– Página de archivos.

About the author

Dimas

View all posts

14 Comments

  • ¿ponerle fecha antigua es suficiente para que no aparezca en el feed, o también habría que desactivarlo temporalmente para que no le aparezca la nueva entrada a los subscriptores?

  • La verdad que este tuto esta muy bueno y muy bien explicado, muchas gracias por el aporte, ahora mismo lo pondré en prueba para mi proyecto.

    Saludos.

  • Hice todo lo que indicaste pero el post me aparece todavía en las entradas del blog. como se hace para que no aparezca?

    La plantilla que estoy usando tiene barra de navegacion. alli copie la ruta del post y funciona pero no me gustaria que apreciera en las entradas.

    Agradezco cualquier sugerencia

  • @ARETINO, Mira en el recuadro de donde se pone el post a tu lado izquierdo hay un link que dice “Opciones de entrada”, allí está,jaja, yo tambien estaba perdido, que te sirva.. saludos..

  • He intentado añadir la barra de navegación pero cuando inserto el
    código
    #header ul li {
    display: inline;
    padding: 0 5px;
    }

    Me sale el siguiente error:
    No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
    Mensaje de error de XML: The element type “b:skin” must be terminated by the matching end-tag “”.

    Gracias

  • me sirve bastante, lo voy utilzar para catalogar mis posts..ahora alguien sabe como hacer para que solo salga una parte del post publicado en la pagina principal y con un enlace o algo te lleve a leer todo el contenido ?..algo asi como .

  • Hola, si lo logre hacer pero los enlaces aparecen uno debajo del otro, como puedo hacer para que aparezca uno al lado del otro ? como si fuesen pestañas realmente …no si me explico… de antemano muchas gracias