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.

29 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
  13. y no puede ponerse la caja a un lado?

    ResponderEliminar
  14. TEODORUS MAXIMUS con ustedes tome mis primeros tutoriales de blogger y gracias a ustedes y otros creadores de contenido he crecido mucho como creador de sitios web y desde hace 8 años tengo un negocio de esto. En cuanto a este tutorial, se le puede agregar al CSS font-size: y color:# para hacer mas garnde las letras y ponerle otro color si se desea

    ResponderEliminar
  15. Quería saber si me puedes decir por qué a desaparecido la caja de comentarios que personalicé en mi blog. Ahora me sale un error 404 al querer comentar. Y, en caso que tenga que implementar el tuyo, tendría que eliminar de la plantilla algun resto de la antigua caja de comentarios.

    Gracias de antemano

    piesdefamosas1.blogspot.com

    Un saludo

    ResponderEliminar