Como centrar y personalizar los gadget de blogger

¡Hola blogger!
Hoy os traigo un tutorial para blogger muy muy fácil de como centrar y personalizar los gadget de blogger.


centrar y adornar los gadget de un blog

Para personalizar y poner bonitos los gadget vamos a Blogger/Plantilla/Personalizar/Avanzado y añadir Css y copiamos:

.sidebar h2{ /Adornar el título del gadget/
background: #F781F3; /El color de fondo/
border-top: 2px solid #000000; /Borde Superior/
border-bottom: 2px solid #000000; /Borde Inferior/
border-left: 2px solid #000000; /Borde Izquierdo/
border-left: 2px solid #000000; /Borde Derecho/
}


Si lo vais a quedar así es un poco feo, todo hay que decirlo por eso lo que vamos a hacer es personalizarlo:

1.En la segunda linea puedes cambiar el color de fondo para cambiar los colores solo tienes que cambiar lo que os he señalado en lila por el color que os guste de esta pagina http://html-color-codes.info/codigos-de-colores-hexadecimales/ , copias el número del color que te gusta y lo cambias por el que tienes puesto aquí.

2. En la segunda linea puedes cambiar el número 2 por el que quieras según quieras la linea de fina o gruesa. Cambien puedes cambiar solid que es una linea normal por:

dotted, que es .....................................................
dashed que sería -------------------------------------
o double que es una doble linea _________________________________________
                                                    _________________________________________

Y el color como hemos dicho antes por uno de los que os guste de la pagina anterior.

En las siguientes lineas es lo mismo simplemente sustituis el numero, solid o el color por el que te guste.

Si no queréis ninguna linea entonces cambiamos el número por 0, guardamos y listo.

Y por ultimo si quieres centrar el gadget al igual que antes vamos a diseño/plantilla/personalizar/avanzado y añadir Css.

Si ya tenemos el código de antes simplemente le damos un espacio en el medio y pegamos;
.widget .title { text-align:center; } /Título de gadget centrado/ volvemos a guardar y ya tenemos nuestro gadget centrado.

¿Que te parece este tutorial blogger para centrar y personalizar los gadget?

Melyssa Blog belleza y cósmetica

8 comentarios:

  1. Me encanta este truco!
    Lástima que lo he probado para mi blog y no me convence porque me queda el fondo muy finito, supongo que será por el tipo de letra que tienen en el titulo los gadgets. ¿Podrías poner más trucos para personalizarlos? (por ejemplo cambiar el tipo de letra, igual es una tontada, pero al menos yo, no se hacerlo :( )

    Muchas gracias,
    Un saludo,
    onlyness.blogspot.com.es/

    ResponderEliminar
    Respuestas
    1. Hola Vanesa no lo he puesto porque es lo más fácil del mundo pero seguramente no has caído, tienes que ir a blogger/plantilla/personalizar/avanzado/gadget y en ese lugar es donde eliges el tipo de letra, tamaño, y color de titulo. Besitos

      Eliminar
    2. Tenías razón es lo más sencillo del mundo jajaja. He cambiado el tipo de letra, tamaño y tal y ahora ya si que queda mucho mejor, mil gracias!!! Un beso :)

      Eliminar
  2. Muchas gracias por tus post. Lo intentaré.
    Amglez

    ResponderEliminar
  3. Me encantan estos trucos :-) Para mi que estoy empezando me vienen fenomenal.
    Te sigo y te invito a que visites el mio http://unminiuniverso.blogspot.com
    Un besito

    ResponderEliminar
  4. Gracias preciosas por vuestros comentarios.

    ResponderEliminar