¿ Has probado ya Firefox?

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.

Artículos relacionados:

13 Comentarios

  1. 12 de Mayo, 2008 - 16:49| Permalink

    Hola,
    también se puede crear una página web desde google en
    http://pages.google.com/

    Para acceder a esta sección se utiliza el mismo usuario y contraseña que en el correo gmail.

    El Sitio Web que google crea tendrá el nombre que tu usuario del correo. Por ejemplo, para mi usuario sería esta:
    http://martinica01.googlepages.com/

    Luego sólo habría que poner un enlace desde el blog

  2. 12 de Mayo, 2008 - 16:49| Permalink

    Muy bueno e interesante el método.
    Saludos Santiagueños.

  3. 12 de Mayo, 2008 - 17:59| Permalink

    ¿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?

  4. 15 de Mayo, 2008 - 14:39| Permalink

    Muy útil, a tener en cuenta, gracias.
    Un abrazo Dimas.

  5. 16 de Mayo, 2008 - 5:33| Permalink

    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.

  6. 20 de Mayo, 2008 - 19:05| Permalink

    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

  7. 24 de Agosto, 2008 - 5:53| Permalink

    @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..

  8. 27 de Agosto, 2008 - 4:57| Permalink

    snifff, puxa no pude ayuda por favor ya aka les dejo mis correo …
    r.lobosg@hotmail.com

  9. Morgana
    29 de Agosto, 2008 - 1:51| Permalink

    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

  10. 6 de Septiembre, 2008 - 18:22| Permalink

    Esto me sirvio mucho para una tabla que estaba creando online. y dejame decirte que el blog esta muy interesante, si quieres añadir tu blog a mi blog visitalo porfa y llenas el form y ya esta. mi blog es http://www.todorss.tk

  11. Pancho
    28 de Diciembre, 2008 - 19:08| Permalink

    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 .

  12. 20 de Marzo, 2009 - 22:26| Permalink

    WOW BUSCABA ESTO DESDE HACE TIEMPOS…….. MUCHISISISISISMAS GRACIASSS!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

  13. Albert
    25 de Mayo, 2009 - 19:46| Permalink

    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

1 Trackback

  1. Por Blog Clippings » eCuaderno el 12 de Mayo, 2008 - 9:03

    [...] Blogmundi: Crear páginas estáticas en Blogger [...]