¿Tampoco te gustan los títulos feos de los comentarios?

13.3.15

Seguro que habrás visto que cuando haces un comentario en un blog, te aparece un título bastante grande, indicando el número de comentarios que hay.

Por defecto el tamaño de la letra es tan grande como si de un título importante se tratase.

Pero…¿es tan notable el número de comentarios como el título de una entrada?

Te enseño cómo puedes personalizarlo a tu gusto.


Primero te muestro algo muy sencillo y a cada apartado añadiré un poco más de personalización (en color rojo), dejando la modificación que he hecho en el apartado anterior.

No te asustes, que será fácil, sólo tienes que añadir el código que se adapte a tu blog en CSS (Plantilla --> Personalizar --> Avanzado --> Añadir CSS).

Para que lo veas bien, te muestro en cada paso como queda la modificación hecha en el código.

Así es el título original en mi caso:




1. Cambiar el color del texto

Puedes poner un color más adecuado que vaya bien con los posts o el color de tu marca.

Los colores los puedes poner en formato HEX (hexadecimal). Encontrarás una paleta de colores inmejorable aquí.


   #comments h4{
     color: #ff0000;
   }





2. Variar el tamaño de la fuente

Estoy segura que no quieres destacar tanto el título de los comentarios, es por eso que necesitas hacer más pequeña la fuente.

Puedes hacer simplemente pruebas, para encontrar el tamaño que más te convenga.


   #comments h4{
     color: #ff0000;
     font-size: 14px;
   }





3. Utilizar otro tipo de fuente

También puedes modificar el tipo de fuente y adaptarlo a alguna de las fuentes que utilizas en tu blog.

Si te perdiste los posts de Google Fonts (o los quieres releer) te aconsejo que te los mires, para ser capaz de utilizar aquella fuente que más te guste.


   #comments h4{
     color: #ff0000;
     font-size: 14px;
     font-family: 'Architects Daughter', cursive;
   }





4. Destacar el texto con negrita

Ahora que seguramente has reducido el tamaño de la fuente, puede que te interese poner el text en negrita, para que se vea más.


   #comments h4{
     color: #ff0000;
     font-size: 14px;
     font-family: 'Architects Daughter', cursive;
     font-weight: bold;
   }






5. Poner color de fondo al texto 

También tienes la opción de añadir color de fondo.


   #comments h4{
     color: #ff0000;
     font-size: 14px;
     font-family: 'Architects Daughter', cursive;
     font-weight: bold;
     background-color: blue;
   }







6. Variar la altura de la linea de texto.

Si quieres un mayor o menor espacio entre las líneas, sólo tienes que variar el valor de la altura de la linea, en píxels.


   #comments h4{
     color: #ff0000;
     font-size: 14px;
     font-family: 'Architects Daughter', cursive;
     font-weight: bold;
     background-color: blue;
     line-height: 30px;
   }







Ahora ya podrás quitar las letras tan grandes, que molestan a la vista.

Esta semana habrá otro post. No te despistes!



¿Te molestaba desde hacía tiempo el título y no sabías cómo cambiarlo? Me gustaría saber tu opinión.

Te espero en los comentarios.


Laura

¿Te ha gustado lo que has leído?
Muchas gracias por compartirlo en tus redes sociales!
Tus contactos y yo te lo agradeceremos! :-)

¿Quieres contenido exclusivo para mejorar tu blog?
Suscríbete y recibirás AHORA la guía para dominar Blogger HOY!
Tu blog no pasará inadvertido.
Dejará huella.