¿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.


17 comentarios:

  1. Muchísimas gracias!!! muy interesante...se aprende mucho contigo y lo explicas muy bien!!
    Besos

    ResponderEliminar
    Respuestas
    1. Gracias Aránzazu!
      Esta semana voy a poner dos posts más de comentarios! A ver si exprimimos al máximo el tema! :)

      Eliminar
  2. Siempre tan bien explicado! Gracias...no sé si cambiarlo o no...pero me lo guardo.
    Buen finde!! Besos

    ResponderEliminar
    Respuestas
    1. Gracias Sofie, me alegra sentir que me explico bien. A lo mejor puedes poner la letra un poco más pequeña.... Lo consultas con la almohada y decides qué haces! :) Besos

      Eliminar
  3. Yo lo tendré en cuenta. Muchas gracias Laura.

    ResponderEliminar
    Respuestas
    1. De nada Patty! Siempre es bueno tener algún tutorial en la recámara, para cuando tengas ganas y tiempo de hacer algún cambio. Besos

      Eliminar
  4. Muchísimas gracias, Laura! Lo he hecho por otras vías (el código CSS no se guardaba) y queda muy bien.
    Para contestar a tu pregunta, ahora que lo comentas, no me molestaba porque no me había dado cuenta pero es ahora con el cambio que veo que merecía la pena modificarlo...
    Gracias como siempre por tus sabios consejos.
    Besos,
    Anne.

    ResponderEliminar
    Respuestas
    1. :) Los cambios son siempre para bien y si te parece estupendo, es fantástico!
      Qué raro, es la segunda persona que me comenta que cuando introduce el código CSS no se le guarda! Voy a hacer un poco de investigación, porqué esto no puede ser!!
      Gracias a ti.

      Eliminar
  5. ¡Hola!
    Nada, este no hay manera de que me lo aplique al blog. Sigo todos los pasos pero continua como siempre.

    Igual muchas gracias^^
    Besos!

    ResponderEliminar
    Respuestas
    1. Hola Maria, el blog te lo has creado tu? A veces cuando compras plantillas están totalmente modificadas y el código es otro. Puede que sea esto?
      Besos!

      Eliminar
    2. Me lo he mirado y creo que sé qué es. Intenta de añadir !important antes de ; de cada línea, a ver si te sale así! :-)
      Ya me dirás algo.

      Eliminar
  6. ¡Hola Laura!

    Llevo super poco tiempo en blogger y realmente sigo con detalle los consejos y tutoriales que tienes publicados. Me van genial para personalizar mi blog, ¡así que gracias!

    Contestando a tu pregunta... sí, era algo que me molestaba mucho. De hecho el que me venia por defecto era horrible ¡Me ha ido genial este post! :)

    Saludos!

    ResponderEliminar
    Respuestas
    1. Estupendo! Estoy encantada de que te sirvan para personalizar a tu gusto el blog.
      Cuando estamos en el proceso de personalización....todo lo que no se adapte a nuestro blog nos parece horrible y normalmente tenemos razón!
      Saludos!

      Eliminar
  7. Muchas gracias por la info! Muy útil ya que no sé casi nada sobre blogger. Un beso!

    ResponderEliminar
    Respuestas
    1. Pues si no sabes casi nada de Blogger, te recomiendo que te quedes por aquí y que revises el apartado "Tutoriales" de la parte superior del blog. Seguro que aprovecharás más de uno y dejarás un blog estupendo!
      Saludos!

      Eliminar
  8. Genial. Hacía tiempo que andaba buscando este truco.

    ResponderEliminar
    Respuestas
    1. Que bien! Estoy contenta de que lo hayas puesto en práctica y ya tengas los títulos que te gustan más para tus comentarios!
      Saludos

      Eliminar