crear paginas y menu de paginas con pestañas

Crea paginas y menu de paginas con pestañas Tutorial Blogger

Crea paginas y un menu de paginas

Esta clase es muy molona, sobre todo la segunda parte, porque esta es bastante sencilla y básica. Vamos a crear páginas y menú de páginas con pestañas en nuestro blog.

Este menú es sencillo, no tiene desplegables, no es responsive… Pero en general estos tutorial de adaptación y personalización de plantilla nunca están adaptados a la versión móvil de tu blog.

Entiendo que si estás aprendiendo un montón de código extraño y peleándote con él es por dos motivos. O bien te gusta el código y estás aprendiendo, o bien quieres tener un blog profesional, personalizado y bonito. Si es este último motivo creo que podrías ahorrarte mucho tiempo instalando una de nuestras plantillas con instalación incluida.

Pero si de verdad esto de tu blog va más allá porque quieres emprender un proyecto online que te permita vivir la vida que deseas, como te mereces, entonces echa un ojo a nuestros servicios.

Si prefieres seguir haciéndolo tú misma, sigue leyendo:

Puedes ver cómo quedaría este menú de páginas en este blog de pruebas.

Consejos antes de crear tu menú de páginas con pestañas

En este post solo nos vamos a centrar en la parte técnica, pero en próximos posts te hablaré de qué páginas son obligatorias en un blog, el porqué, y cómo deben estar estructuradas. De momento os diré que debemos tener por lo menos 3 páginas:    

  • Página Principal o Home : es una página que siempre nos lleva a la página de inicio del blog, donde los posts se encuentran publicados aleatoriamente (en cuanto a etiquetas) y cronológicamente (según fecha de publicación). 
  • Sobre mi : imprescindible de todo punto, ya que debemos mostrar quienes somos de forma más detallada para que nuestro lector o nuestra lectora sepa que estas palabras son escritas por alguien con una dedicación especial, única y propia. Es una buena forma de “conectar” con tus lectores/as.    
  • Contacto : otra imprescindible, ya que si nuestros lectores o nuestras lectoras quieren contactar con nostras/os para decirnos cualquier cosa, como consultar alguna duda, o algún tipo de sugerencia, siempre tendrán visible cómo hacerlo.    

Otras: por ejemplo podemos poner páginas que encajen solo los posts de alguna etiqueta en concreto, es uno de los beneficios de un buen etiquetado de nuestros posts. O también podemos añadir alguna de nuestras redes sociales.  

Por supuesto si llevas a cabo algún servicio o vendes algo deberías tener una página dedicada solamente a eso.

También en el caso de Bloggers que crean colaboraciones con marcas sería imprescindible una página de Colaboraciones donde expliques cuales realizas.

[cta id=’2095′]

Pues , una vez que sabemos esto vamos a crear las páginas y a crear el menú de páginas donde las enlazaremos.

Crear tus páginas principales en Blogger

Crea las páginas es algo muy sencillo, es igual que crear una entrada, visualmente es lo mismo, pero a la hora de publicarla no la encontraremos en ningún lugar si no creamos un menú de páginas.  

Además, otra diferencia con las entradas es que para crear una página debemos ir a Páginas, en el menú lateral del panel de nuestro blog, aquí;

crear-pagina-en-blogger

  Le damos y aparecemos aquí, donde tenemos que darle a Página Nueva para crear nuestra página:  

crear-pagina-en-blogger

Ahora toca redactar la página, y esto funciona de la misma manera que una entrada, salvo por un par de diferencias, como las etiquetas, pero resta trabajo únicamente.  

Una vez creadas nuestras páginas vamos a instalar nuestro menú de páginas.

Instalar menú de páginas encima de la cabecera

Para esto no vamos a usar el mismo procedimiento y es algo que trataremos en posts futuros que no formarán parte del curso.          

Aunque tengamos un menú encima de la cabecera es muy aconsejable tener un menú debajo de ella. Podemos separar las temáticas según nos convenga, por ejemplo, en el menú de encima de la cabecera el “Sobre mi, Contacto, Confianza…” y en el de debajo de la cabecera algunas de las categorías o temáticas de tu blog (etiquetas) En este post puedes ver cómo hacerlo.

Instalar menú de páginas debajo de la cabecera

Esta es la parte que nos atañe y como ya me he liado bastante voy a ir al grano.     

  • Vamos a Diseño  
  • Donde pone Cross-Column vamos a añadir un gadget  
  • En la ventana que se nos abre, buscamos Páginas ( Muestra una lista de páginas independientes en tu blog.) y la seleccionamos    
crear un menu de paginas en blogger
  • En esta nueva ventana seleccionamos las páginas que queremos que aparezcan en el menú.    

Si queremos añadir alguna página que sea una etiqueta es tan sencillo como añadir enlace externo, escribir el nombre (título) y añadir la URL de esa página. En el vídeo lo tienes muy bien explicado.    

  • Guardamos y listo.

Vídeo tutorial de apoyo

EXTRA

si te interesa un menú superior fijo, que tenga iconos de redes sociales y además sea responsive, visita el tutorial “Menú desplegable responsive con iconos de redes sociales – Blogger” Es la opción más profesional aunque mucho más complejo en cuanto a código.

En la siguiente clase veremos cómo personalizarlo y ponerlo chulo chulo

Mientras puedes ir mejorando el diseño de tus páginas con fotos chulas y un texto bien redactado.      

¿Te ha gustado esta clase? ¿Crees que es útil tener un menú de páginas?  

Comparte

CONSIGUE

LA VIDA QUE DESEAS

GRACIAS A UN NEGOCIO ONLINE RENTABLE

Disfruta de mi curso gratuito “Cómo tener un Negocio Online Rentable no solo económicamente”, en el que comparto las áreas más importantes a trabajar para conseguir la vida que deseas con tu Emprendimiento Online.

Interacciones con los lectores

12 comentarios

    • Mónica Lemos

      Hola Alex, jeje
      Ya me lo han solicitado, y estoy preparando un buen recurso para ello 🙂
      También publicaré cómo instalar uno como el mío debajo de la cabecera, que se quede "pegado" al hacer scroll 😉
      Gracias!Muack!!

  1. Berenjena

    Hola! Tengo una duda: cuando en una etiqueta quieres poner varios enlaces (por ejemplo varios posts en los que hables de manualidades) tienes que copiar la URL de cada uno de esos posts? Gracias

  2. elena

    Hola, a ver si me puedes ayudar. Al crear una página por etiquetas, me sale "La página que estabas buscando en este blog no existe." ¿Es que he hecho algo mal?

  3. Ámate Mucho Hermosa

    Buenas tardes, ante todo muchas gracias por el curso, he aprendido mucho. Quisiera pedirte ayuda con algo por favor; no me aparece en páginas descripción de búsqueda, quisiera saber por qué ocurre esto. Muchas gracias.

  4. Lee Seung Gi LoveLove

    hola, me gustaría saber como mostrar el contenido de una pagina como si fuera una vista previa. No se como explicarme bien. tengo mi menu en la parte de la cabecera que me encanta, pero además quisiera repetir algunas de esas secciones debajo de las entradas, quisiera poner la pagina "Noticias" debajo de la entrada y que ahi mismo se muestren los últimos títulos a esa pagina para que el lector pueda seleccionar el titulo que desee sin necesidad de entrar a la pagina noticias. se puede?, además, no pude hacer este tutorial, busque el código .tabs-inner .section y no lo tengo (lo busque con el control+f).
    Gracias por tu ayuda, saludos 🙂

  5. Rusty-K

    Hola. Para crear páginas no tengo problema..Pero a la hora de hacer click en la pestaña me sigue saliendo la página principal y la página se vería abajo como una entrada del blog. A mi me gustaría que al clicar apareciera en todo la pantalla. Una página entera e individual. ( no se si me explico) Te dejo el enlace del blog y se verá mejor.. https://maragapapeleria.blogspot.com/
    Gracias!

Deja tu comentario

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