Personalizar los títulos de los gadgets

14/1/15

Image source

Cuando empecé a bloguear siempre quise editar los títulos de los gadgets sin que se me editase también la fecha, ya que los dos tienen la misma etiqueta: h2. De esta forma, si en nuestra plantilla cambiamos la fuente del h2, se nos cambiará tanto en la fecha como en los títulos de los gadgets. Lo mismo pasará con la alineación y cualquier formato que querramos darle. 

Pero hay formas de modificar sólo el título de los gadgets de nuestro blog sin siquiera rozar la fecha de los posts, y como veréis a continuación, es una forma tan sencilla que lo único que tendréis que hacer será copiar de aquí y pegar en vuestra plantilla. 

Lo primero que tenéis que hacer es localizar en vuestra plantilla la etiqueta ]]></b:skin>, y justo encima, pegamos lo siguiente: 
.sidebar h2 {
color: #ffffff; /* Color del título */
background: #000000; /* Color del fondo */
text-align: center; /* Alineación del título */
font-family: Times New roman; /* Fuente del título */
font-size: 12px; /* Tamaño de la fuente */
}
A este código podéis añadir muchas cosas más, como poner el texto sólo en mayúsculas usando la propiedad uppercase, o separar las letras entre sí. Vamos, que ya podéis jugar con los títulos de los gadgets como queráis.

En este caso, tendréis el título de cada gadget en la fuente Times New Roman a tamaño 12, centrado con fondo negro y letras blancas. 

¿Veis? Os prometí que era sencillo y ahí  lo tenéis, sólo debéis cambiar los colores, la alineación y todo lo demás por lo que se adapte mejor a vuestro blog.

12 comentarios:

  1. Muchisimas gracias!!! A usarlo jejejeje

    ResponderEliminar
  2. Hola!
    Lo utilice y aplique tal cuale xplicas, y no me aparece nada! Que puede haber ocurrido? cómo hago para que se apliquen a los titulos de mis gadgets?

    ResponderEliminar
    Respuestas
    1. Deja ya está! El error fue mio, que tenía un código anterior mal cerrado.
      Gracias por el aporte!!

      Eliminar
    2. ¡Genial! Me alegra que te sirva :D

      ¡Un saludo!

      Eliminar
  3. ¡Qué truquito tan interesante! La próxima vez que vaya a cambiar el estilo del blog vendré a revisar tus tutoriales :) ¡Muchas gracias! <3

    ResponderEliminar
    Respuestas
    1. ¡Estupendo! Igual encuentras más trucos ;)

      ¡Saludos!

      Eliminar
  4. ya pude muchas gracias buscaba hacer esto hace mucho tiempo

    ResponderEliminar
  5. Lo acabo de utilizar justo ahora :) Muchas gracias, me ha ido de maravilla.

    ResponderEliminar

No está permitido en este blog dejar enlaces en los comentarios. Tu nick es un enlace directo a tu perfil, donde si queremos, podemos visitar tu blog.

Somos librófagos, pero si haces spam también te comeremos.

En caso de no cumplir con esta norma, tu comentario será dirigido directamente a la carpeta SPAM.

¿Colaboramos?
Estudio
Galería
Mery's Notebook © Todos los derechos reservados