¿Como centrar títulos de los post y fecha?



Holis!!

Después de una ajetreada semana de estudio por fin llega la calma y con ello un tutorial imprescindible que no te debe faltar para poner chulo tu blog.

No se yo pienso que le da un aspecto diferente por mas sencillo que esto sea.

Vamos a centrar el titulo y la fecha de nuestros posts de la manera mas sencilla posible... por defecto aunque una personalice tipo de letra y color esta es la apariencia.


Asi que para centrar la fecha nos dirijimos a:

Plantilla
Personalizar
Opciones avanzadas
Agregar CSS



Y justo alli colocamos el siguiente codigo:

Posts
-----------------------------------------------

h2.date-header {

margin:1.5em 0 .5em;

text-align: center;

}

Damos un par de intros y aplicar al blog.



Ahora para centrar el titulo de cada post nos vamos a :



 Desplegamos el buscador ( Ctrl+F)

Ahi pegamos:

h3.post-title, .commentsh4 {



Podremos observar algo como esto:

h3.post-title, .comments h4 {

  font: $(post.title.font);

  margin: .75em 0 0;

}

Justo debajo de :  margin: .75em 0 0; damos un intro y pegamos: text-align: center;

Hacemos una vista previa y si todo a salido bien ese sera el resultado y "Guardar plantilla".



Es muy fácil rápido y sencillito. espero te sea de utilidad Un besito grande y nos leemos luego?? 



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

Esta idea proviene de:

Y estas son sus últimas ideas publicadas:

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

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

diy manualidades blogger ...

Hola, hola! Bonita y bendecida semana, este mes me propuse hacerle un cambio de look al blog,básicamente tunearlo pero yo sólita, nuevas tipografías, paletas , fondos y mas... Pero me tope con un inconveniente y al parecer no soy la única, anteriormente me proporcionaron un codigo CSS para centrar los Widgets, yo supuse que todos, toditos los widgets se centrarían, así como el titulo de cada uno ...

general blogger tutorial 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 a ...

general tutoriales web ...

Si tienes ya conocimiento de las declaraciones de CSS, este tuto te sera aburrido e irrelevante, te aconsejo te prepares unos Naños de carne asada que son deliciosos. Pero si tienes poco conocimiento o nada, y deseas aprender algo hoy, entonces quedate, lo intentare hacer lo mas sencillo y fácil posible. Iniciemos por saber que es el css, como lo definen en Maestros de la Web CSS (Cascading Style ...

general propuestas

Los componentes de suscripción por correo electrónico, sirven para que los usuarios que visitan un sitio web, puedan suscribirse a sus actualizaciones recibiéndolas por correo electrónico. Se trata de una herramienta fundamental para cualquier blog o sitio web, pues crea un vínculo directo entre sus visitantes y su autor. Cuando el creador de la página web publica un contenido, éste llega a todos ...

CSS: Nivel B1

Tener una lista de suscripción es muy importante para captar seguidores más fieles que los que captaríamos en cualquier red social como Twitter o Facebook, sin embargo muchos piensan que una vez hecha la lista vale con pegar el código que nos da nuestro proveedor de e-mail marketing y ya nos lloverán los suscriptores, por lo que nos encontramos páginas con campos de formulario que se presentan con ...

Señoras y señores... ¡otro post que tenía preparado y para no echarlo a perder! Os lo contaba el lunes, y este os otro que tenía, pero ya no tengo más... :( Tenía uno de la técnica Pomodoro, pero no tengo ni dos párrafos, así que tendría que escribirlo de cero como quien dice jaja, y luego otro sobre 10 razones por las que aprender html y css, que si queréis, lo publico, decírmelo en los comentari ...

guías y tutoriales informática como quitar ocultar eliminar titulos entradas de todo el blog ...

Hey Blogger...... o futura Blogger Bienvenid@ a mi primer tutorial Blogger ,para la que os estáis preguntando porque un tutorial diy de blogger ahí va mi decisión: Previamente hice un pequeño cuestionario en mi Fan Page de Facebook y a mis + de 400 selectos suscriptores y la respuesta fue sorprendente y positiva porque la gran mayoría o tiene blog o le gustaría tenerlo. Puesto que mi blog trata de ...

Programacion css programacion ...

¿Creamos una página web con HTML y CSS y que sea chula?, que mole, que entres y digas… Dios es la página de las páginas. Cómo programar una web en html5 y css Pues ya vimos cómo podemos crear nuestra web con HTML5 y CSS, pero si es cierto que aunque bonita le falta ese punto de dinamismo, ese movimiento en la página que le haga estar viva. Crear un dinamismo con CSS Pues sí querido lector (c ...

Blogger CSS Tutoriales

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

Tutoriales Blogging Estilos

Feliz miércoles ! Se siente bien estar de regreso después de varios días de tener completamente abandonado el blog. Mi familia y yo estuvimos de paseo y pudimos conocer algunos lugares que nos encantaron y nos dejaron con deseos de quedarnos más días, pero nimodo, teníamos que regresar. Me muero de ganas de compartir con ustedes todas las imágenes que tome por donde andaba. Pero hoy vengo a otra c ...