Como poner el título del post al lado de la fecha en el blog

Seguimos contestando cositas que me preguntáis a través del formulario de sugerencia de tutoriales blogger.

No olvidéis que podéis sugerirme posts que no necesariamente sean tutorial, sino que sean posts o artículos de otro tipo.

Fijaos que en este blog al final cubro todo aquello que tiene un poco que ver con un blog. Hemos visto cosas que van desde marketing o ventas, como pueden ser por ejemplo los 6 errores más comunes por los que no conseguimos vender en/con nuestro blog hasta qué es el SEO o para qué sirve.

Hemos también visto cosas como cuántas páginas vistas es normal tener (aparte de cuál es la diferencia entre páginas vistas, visitas y visitantes), trucos básicos para sacar mejores fotos, cómo conseguir más comentarios en nuestro blog (y qué hacer si recibiésemos un comentario negativo) o consejos con ejemplos para escribir posts que tengan éxito.

En fin, aquí podéis encontrar un listado o índice con los links a los posts más relevantes/útiles publicados en este blog. La cosa era recordaros que podéis pedirme/sugerirme cualquier tipo de post, que no necesariamente ha de ser un tutorial técnico.

Y ahora: a lo que iba:

Sonia me decía...

Hola Blanca! Yo te quería pedir un tutorial porque me estoy volviendo loca buscando información por ahí y no consigo nada decente. El problema que se me plantea es el siguiente: puse a prueba tu tutorial sobre cómo poner la fecha dentro de un círculo y hasta ahí todo bien, pero ahora me gustaría poner el círculo con la fecha y justo al lado el título del post. Considero que a la vista queda más organizado. Muchas gracias, Blanca! A ver si tengo suerte y pronto veo el tutorial publicado. Un beso! 

Y es muy fácil.

Básicamente lo único que tenéis que hacer es mover el título un poco. Un poco hacia la derecha, y un poco para arriba....

Y voilà. ¡Ya lo tenemos al lado de la fecha!



Tras hacer eso me quedaba muy cerca el texto del post así que le he puesto un poco de espacio entre la fecha/título del post y el texto del propio post.

Para hacer estas tres cositas, añadís en CSS:


h3.post-title { /*pdb*/
margin-top: -50px !important;
margin-left: 70px !important;
margin-bottom: 35px !important;
}

Podéis ajustar los valores (números) a lo que necesités, ya que dependerá de la fuente que uséis y otras cosas.

A mi así me queda perfecto en el blog que uso para probar estas cosas (uso otro porque si no me da que alguna se mete un día en mi blog y ve cosas raras... ;)

Por supuesto, para hacer esto no necesariamente tenéis que tener la fecha en el circulito. Podéis mover el título de vuestro post al lado de la fecha aunque la hayáis dejado tal cual, pero bueno, quizá igual no quede muy mono la fecha y el texto al lado si la fecha está sin decorar... ;)

Por cierto, este es el link al tutorial para poner la fecha dentro de un circulito o redondel.

Sé que últimamente escribo unos tutoriales de lo más escuetos jaja, pero es que estas cosas de diseño son muy fáciles de hacer y no tienen más misterio que añadir un poco de CSS al blog... pero claro, alguien tendrá que deciros qué añadir... ;)

Besotes y ¡espero que lo uséis muchas!

¡¡¡Ya me contaréis!!!

Muaaaaaahhh