Imagina y crea tu mismo Idea guardada 4 veces
La valoración media de 1 personas es: Excelente

Como crear y centrar pestañas en blogger



Hola,hola!!

Bendecido inicio de semana para todos, como bien lo dice el titulo del post en esta ocacion vamos a aprender a crear pestañas o paginas en blogger, esto a petición de algunas si no es que la mayoría de las lectoras del blog me lo han preguntado.

Primero que nada te cuento que las paginas en blogger se crean de la misma manera que un post ya que contiene las mismas herramientas que el apartado donde escribimos nuestras entradas.

Ahora bien te preguntaras y como para que nos sirven y que tipo de paginas puedo crear??Bueno pues bien te cuento que las paginas o pestañas en blogger nos sirven para crear información genérica sobre el blog, dependiendo de la temática del mismo es ideal ofrecer a nuestros lectores información sobre los contenidos del sitio así como de su autor, a continuación te menciono alguna paginas que podrías utilizar en tu blog.

SOBRE MI: El objetivo de esta pestaña es dar a conocer un poquito de información acerca de su autor y el contenido que ofrece a quien lo lee.
INDICE DE POST: Es buena idea ofrecer a tus lectores una pagina en forma de indice que le permita leer cualquier articulo que hayas publicado en tu blog. 
CONTACTO: Aquí podemos agregar un formulario de contacto para que se puedan comunicar contigo para cualquier cosa, claro referente al blog.
CONTENIDO AGRUPADO: Podemos ordenar entradas filtrandolas por etiquetas ( DIY, frebies, blogger etc...).

Es muy fácil abrir estas paginas tan solo nos vamos a:

?Blogger

?Paginas

?Pagina nueva



Hecho esto nos vamos a:

?Diseño

?Agregamos el gadget de paginas justo debajo de la cabecera del blog



Seleccionamos las pagina y el orden en que queremos aparezcan, también podemos agregarlas mediante vínculos externos.


Si nos fijamos bien por defecto las pestañas nos aparecen ordenadas en el lado izquierdo del blog, a mi no me gusta tanto que digamos así que para centrarlas hacemos lo siguiente.



?Plantilla

?Personalizar

?Avanzado

?Agregar CSS



El código css que he agregado para centrar las paginas en blogger es el siguiente:
.PageList {text-align:center !important;}
.PageList li {display:inline !important; float:none !important;}
La palabra en color morado podemos cambiarla por "right" si es que la queremos a la izquierda o "left" si las queremos a la derecha.
Es muy sencillo en verdad y espero le sea de utilidad a aquellas compañeras que me solicitaron ayuda con este tema.
Cualquier cosa o dudilla me la puedes dejar aqui abajito y la brevedad sera respondida yo te mando un fuerte abrazoUn beso grande y nos leemos luego...

Montse Glezz ?


Fuente: este post proviene de Imagina y crea tu mismo, donde puedes consultar el contenido original.
¿Vulnera este post tus derechos? Pincha aquí.
¿Qué te ha parecido esta idea?

Esta idea proviene de:

Y estas son sus últimas ideas publicadas:

Carteles con frases bonitas

¡Muy buenas a todos!, hoy estoy muy ilusionada con este post ya que marca el regreso de los artículos semanales al blog, que durante tres meses se mantuvo pausado debido a diversos contratiempos que s ...

Mensaje navideño + regalito.

Hola, hola Hace ya un tiempo que no me paso por aquí, pero aunque una quiera es imposible entre la escuela y que esto y que lo otro, no se puede abarcar todo verdad, pero no podía dejar pasar una fech ...

Recomendamos

Relacionado

general tutoriales tips

Como crear Twitter Cards para Blogger.

Twitter nos da muy pocos caracteres para formar un Tweet, para mi eso no basta para mostrar la información que quiero compartir, existe la posibilidad de añadir una imagen por cada Tweet compartido, pero soy honesta, ya lo dije el otro dia, me gustan las cosas fáciles y rápidas y con esta posibilidad de compartir mis post con "tarjetas" y automáticamente agregar una imagen, una pequeña d ...

internet blog básico ...

Como añadir bordes en Blogger

Hoy quiero compartir contigo un tutorial de esos básicos pero que tendríamos que tener siempre a mano: Cómo añadir bordes en Blogger. Como siempre, vamos a trabajar sobre la plantilla simple / sencilla de Blogger, que es la más fácil de personalizar. Añadir Bordes en Blogger 1.- Añadir un borde a todo el blog: Entramos en Plantilla >> Editar HTML. Pinchamos en cualquier zona dentro del códi ...

Blogging PLANTILLAS BLOGGER DIY ...

Como optimizar una URL en blogger

En el post anterior hice un listado de tics para ser un mejor blogger y hice notar algunos errores que solemos cometer a lo largo del camino Bloguero. Hablamos también en el post Recicla tus post de la importancia de optimizar las URL pero no hablamos de como hacerla. En la tarea de ir reciclando los post antiguos y volverlos a sacar a la luz e visto las ventajas que podemos sacar al hacerlo pero ...

Blogger CSS Tutoriales

Cómo centrar las pestañas de las páginas

Hoy vamos con un tutorial que, aunque parezca una tontería, para mí es fundamental... y es cómo centrar las pestañas de las páginas. Y es que por defecto, vienen alineadas a la izquierda, así: pero yo como soy tan perfeccionista, me gusta todo centrado. Y ahora vamos al lío: Nos vamos al diseñador de plantillas. Avanzado Añadir CSS Y copiamos dentro de la cajita: .PageList {text-align:center ...

Blogging PLANTILLAS BLOGGER DIY ...

Como hacer un menú estático en Blogger

A que muchas se han preguntado como hice para tener el menú estático que hay en casi todos mis blogs. Hoy quiero enseñarles como lo hice, es muy fácil solo jugar un poco con la plantilla HTML y ya esta. Lo mejor de tener un menú estático es que el lector ya no tiene que desplazarse de nuevo arriba para buscar las pestañas y despertara la curiosidad de saber que puede encontrar en las diferentes pe ...

desde0

Cómo crear un menú con submenús en Blogger sin tener experiencia en informática o programación

Crear un menú en cualquier Blog es algo fundamental para organizar nuestros contenidos de manera que podamos presentarlos a nuestros usuarios de una manera estructurada y sencilla. Hemos tratado con anterioridad cómo crear un menú sencillo en Blogger sin tener ninguna experiencia en programación, con simples opciones que agrupan entradas bajo las etiquetas de tu Blog y que se puede poner con suma ...

informática

Como insertar el codigo de adsense en blogger

Hola a tod@s!! En esta ocasión les voy a mostrar donde buscar el código de los anuncios en adsense y como insertarlo en nuestro blog en blogger, haz click sobre la imagen para verla mejor. 1º Lo primero es ir a nuestra cuenta de adsense e iniciar sesión, una vez ahí clicaremos en "Mis anuncios" 2º Probablemente no tenga ningun anuncio aún, entonces clicamos en "Nuevo bloque de anun ...

Blogger Diseño Personalización

Personalizar fondos en Blogger

El trabajo de optimizar un blog es constante. Hay que seguir haciéndolo de forma continua para conseguir los mejores resultados a la hora de despertar curiosidad y personalizar y llamar la atención desde el punto de vista estético en tus lectores. En caso de que todavía no hayas probado con diferentes fondos en Blogger, te enseñamos a ponerle un fondo diferente a tus entradas y así personalizar ca ...

general desde0

Cómo crear una página en Blogger sin tener ninguna experiencia en informática o programación.

La creación de páginas en Blogger te permite darle valor añadido a tu Blog más allá de los contenidos que puedes proporcionar a través de sus entradas. Normalmente se utilizan las entradas para desarrollar la temática habitual del Blog, las entradas con la que transmitimos la información propia del día a día que nuestra creación web. Pero, ¿y si queremos hacer una página de contacto?, ¿cómo podemo ...

internet avanzado blog ...

Tutorial Blogger: imagen detrás del menú en Blogger

Uno de los tutoriales más visitados del blog es: Cómo personalizar el menú de páginas de blogger Puedes leerlo aquí: Repasar el Tutorial En ese tutorial vemos como personalizar el código que nos da blogger paso a paso, analizamos cada fragmento y vamos poniendo los colores y tipos de letra a juego con el resto del diseño. Y una de las dudas que me han preguntado tanto en el blog como por email es: ...