Personalizar los títulos de los gadgets
 |
| 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 {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.
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 */
}
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
Muchisimas gracias!!! A usarlo jejejeje
ResponderEliminarA ti por venir a verlo :D
Eliminarmuchas gracias por el tuto
ResponderEliminarun beso
De nada guapa :)
EliminarHola!
ResponderEliminarLo 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?
Deja ya está! El error fue mio, que tenía un código anterior mal cerrado.
EliminarGracias por el aporte!!
¡Genial! Me alegra que te sirva :D
Eliminar¡Un saludo!
¡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¡Estupendo! Igual encuentras más trucos ;)
Eliminar¡Saludos!
no encuetro ]]> en la plantilla
ResponderEliminarya pude muchas gracias buscaba hacer esto hace mucho tiempo
ResponderEliminarLo acabo de utilizar justo ahora :) Muchas gracias, me ha ido de maravilla.
ResponderEliminarNo 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.