Personalizar caja comentarios blogger



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


Puedes personalizar:

background --> Para cambiar el color de fondo de las cajas de comentarios. Página para ver colores en HTML.
border --> Es el ancho del borde en píxeles (lo gordo que es), el tipo de borde (solid | dotted | dashed | double) y el color.
box-shadow --> Sombra de la caja al 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.
border-radius --> Redondear las esquinas de la caja (si no lo quieres elimina la línea)
padding --> Crea el espacio que hay entre los bordes y el texto de los comentarios. Se aplica a todos los lados de la caja de comentarios.

26 comentarios:

  1. Gracias por este vídeo, lo voy a poner en practica. Un saludo

    ResponderEliminar
  2. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  3. me ha encantado y mi blog quedo bien chulo..

    ResponderEliminar
  4. ¡Hola!
    ?Y para cambiar solamente el tamaño de la fuente?
    Antes tenía vistas dinámicas, ahora estoy usando una plantilla común y quedaron re chiquitos.
    ¡Gracias por tu ayuda!

    ResponderEliminar
  5. Grandisimo aporte ahora mismo lo pruebo si funciona volveré a comentar y veré los demás post...
    Psdt: Si alguien se anima a ver mi blog :D https://esfdragon.blogspot.com/ aun esta en construcción espero que cuando lo vean ya lo haya terminado :D

    ResponderEliminar
  6. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  7. Muchísimas gracias por esta publicación. Lo he aplicado a mi blog tal cual y queda muy bien. ¡Ya se pueden ver los comentarios en el ordenador!. Pero en la versión móvil no se aplica. ¿Se puede hacer algo? ¡Un saludo!

    ResponderEliminar
  8. a mi no me funciona y ya hice lo que dices al final mil veces

    ResponderEliminar
  9. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  10. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  11. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  12. muchas gracias me sirvió mucho, les agradecería que se pasaran por mi blog y me sigan :D

    https://lyanmovies.blogspot.com/

    ResponderEliminar