Blogger

Ξ 24 comentarios

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

por Xabadu
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.

Comparte este tutorial

El culpable de todo esto

Las tardes gloriosas de domingo y las grandes ovaciones a estadio lleno, no son algo extraño para Xabadu. Luego de ser descubierto a los 4 años en un partido de barrio por los ojeadores del gran Aviación F.C., sacudió el mercado nacional al ser traspasado en $500 pesos chilenos (1 USD) y 3 coca colas al renombrado Estrella Blanca de Lolol. Luego de una impresionante carrera por equipos como Lozapenco, Santa Cruz, Deportivo Lago Chungará y una incursión en la 3a división del futbol de Kazajstan, su record imbatible hasta la fecha de 1257 goles en 20 partidos lo llevo a ser elegido como uno de los arqueros más recordados en la historia pelotera nacional. Una lesión en el colmillo superior derecho lo llevó al retiro el año 2003, pero está de vuelta y sin duda que su jerarquía y experiencia internacional será un gran aporte.

En los barrios marginales se le conoce como: Xabadu

Comentarios en Facebook

24 Comentarios

  • muy bueno, felicitaciones

  • Ok, eso si que suena interesante
    Gracias D

  • como creo hipervinuculos sin salir del blog
    que las paginas que abro tengan la misma direccion
    http://www.jamdelt.blogspot.html
    http://www.jamdelt.blogspot/informacion.html

  • Hola
    muy buena la info, una duda solamente.
    cuando se agrega la lista de enlaces final en la cabecera del blog, los siguientes  irán poniendose hacia abajo, la idea es que sea hacia al lado los siguientes links. por ejemplo INICIO / QUIENES SOMOS/ SERVICIOS
    CON EL GADGET lista de enlaces se van agregando hacia abajo:
    INICIO
    QUIENES SOMOS  etc
    como se soluciona esto???
    saludos

  • @jairo: No entiendo bien que es lo que quieres hacer, si pudieras explicarnos en detalle te podremos ayudar de mejor manera.

    Saludos

  • @javier: Con el método que explicamos acá los enlaces se van agregando hacia el lado, al menos en la plantilla que probamos. Me parece que el problema puede ser exactamente ese, de plantilla, que tenga un estilo definido para que haga los listados de forma vertical en vez de horizontal. Investigaremos al respecto.

    Saludos

  • justo lo que andaba buscando amigo
     
    muchas gracias!!

  • dejen el blog donde hicieron las pruebas para ver el resultado 😀

  • Hize exactamente lo mismo que dice aquí pero me salio en el link,
    Lo sentimos, pero no hemos podido llevar a cabo tu petición.
    a que se debe y gracias por todo.

  • lo hixe pero al momento de guardar me salio error por algo de la edicion de xml.

1 2 3

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Gente linda que nos quiere

Donde mas estamos