El tutorial indispensable para que tus comentarios sean especiales

18.3.15

Si estás en plena transformación de los comentarios de tu blog, para darle un toque más personal, ya has redondeado a quien comenta y has modificado el enorme título de los comentarios,  ahora seguro que quieres más.

Un gran cambio es el color!
laura

Te ayudo a ponerlo donde te parezca más oportuno para dar importancia a los comentarios de tus lectores, que son la base de tu blog.

No lo olvides nunca!


Comentarios Blogger


Personalización de los comentarios en Blogger


Las imágenes son la mejor manera de ilustrar los cambios, por eso te enseño como eran mis comentarios antes.


Modificar comentarios


Y así como quedan después del cambio.



Personalizar comentarios



¿Te animas a hacer un cambio de color a tus comentarios?


Este es el código que he usado en la transformación de los comentarios que te he mostrado antes.



   .comment-block { 
      background:#dcdcdc; /* Color de fondo de los comentarios */ 
      border: 1px solid #de87cd; /* Estilo del borde */
      box-shadow: 10px 10px 5px #4bceb4; /* Sombra de la caja */
      border-radius: 10px;  /* Redondear el borde */
      padding: 5px; /* Espacios alrededor del texto */
   }


Este es código CSS para modificar el aspecto de tus comentarios, por lo tanto tienes que pegarlo en (Plantilla --> Personalizar --> Avanzado --> Añadir CSS).

Y no te olvides de darle a "Aplicar al blog" que sino no se guardará!

Interpretando el código


Te cuento con detalles para qué sirve cada una de las líneas de código, para que las puedas personalizar a tu gusto.

  • background --> Puedes cambiar el color de fondo de las cajas de comentarios. El código lo he puesto en hexadecimal (HEX), tu puedes escoger el color más adecuado para tu blog.
  • border --> Determina el ancho del borde en píxeles, el tipo de borde (solid | dotted | dashed | double) y el color en hexadecimal.
  • box-shadow --> Alrededor de la caja de comentarios puedes poner una sombra adicional en el lado derecho y debajo. En el código tienes el valor de la sombra a la derecha (en píxeles), el valor de la sombra debajo (en píxeles), el valor del difuminado (en píxeles) y el color que escojas para la sombra.
  • border-radius --> Es el valor para redondear las esquinas de la caja de comentarios.
  • padding --> Crea el espacio que hay entre los bordes y el texto de los comentarios. Está en píxeles y se aplica a todos los lados de la caja de comentarios por igual.


Ahora si que tus comentarios no van a parecer los mismos!


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.