23 de agosto de 2015

¡2 mini-tutoriales blogger!

Buenas!
Hoy estrenamos esta nueva sección que está por ahora en pruebas con dos mini tutoriales;
-Centrar la cabecera de tu blog
-Poner una imagen en el titulo de la entrada.
Los dos son super facilitos y cortitos,aunque el primero es mucho menos complicado.

Centrar la cabecera de tu blog
Vamos a plantilla➳personalizar➳avanzado➳añadir css➳pegamos lo siguiente;.
header .widget {
text-align:center;}
.header img {margin:0 auto;}
Listo ;)

Poner una imagen en el titulo de la entrada

Vamos a plantilla➳personalizar➳avanzado➳añadir css➳pegamos lo siguiente;.
h3.post-title a, h3{
text-align: center; /**Título centrado**/
background: url(URL DE LA IMAGEN);
background-repeat: no-repeat;
background-position: bottom center;
margin:5.em 0 2.5em;
padding-bottom:em; /*Con esto variamos la distancia entre el separador y el pie de la entrada*/
}
Explicación
text-align: center; /**Título centrado**/
Esa parte es para que el titulo este centrado,si no quieres que este centrado borra esta linea.
background: url(URL DE LA IMAGEN);
En el paréntesis tenéis que poner la url de la imagen que queréis poner,podéis subir la imagen a esta pagina y directamente os creara la url (tenéis que escoger la ultima url de todas)

Listo ;)

Espero que os funcione y que os haya servido de ayuda.

2 comentarios:

  1. Hola!!
    Gracias por los tutoriales, siempre vienen bien!!
    Espero que te vaya bien con el diseño del blog.
    Besos!! <333

    ResponderEliminar
  2. ¡Oleeee! Esto siempre es util.
    ¡Besos!
    Dalu...

    ResponderEliminar

¡Con un comentario tuyo me harás más feliz el día!