Como personalizar los comentarios de blogger

Te traigo un tutorial blogger para personalizar los comentarios de blogger. No es algo imprescindible para un blog pero como os digo siempre varios detalles marcan la diferencia entre un blog más, y un blog bonito.
COMO PERSONALIZAR LOS COMENTARIOS PARA BLOGGER

Nos quedará algo parecido a esto:
PERSONALIZAR COMENTARIOS BLOGGER


Como siempre para hacer este tutorial bloggero, vamos a blogger/plantilla/personalizar/ añadir Css y pegamos:

.comment-block { 
      background:#A9E2F3; /* Color del fondo de los comentarios */ 
      border: 2px solid #A9E2F3; /* Estilo*/
      box-shadow: 10px 10px 5px #DA81F5; /* Color sombra  */
      border-radius: 6px;  /* Borde redondo */
      padding: 4px; /* Distancia hasta el texto */
   }

Como siempre se puede modificar os he puesto al lado que es cada cosa, ahora solo queda que tu lo adaptes a tu blog, y como siempre los colores en html los puedes coger de http://html-color-codes.info/codigos-de-colores-hexadecimales/

Por ultimo te recuerdo que sigue en super chollo el Curso para blogger "Los secretos para lanzar tu blog hacia el éxito" por solo 16,99 € descubrirás lo que tienes que hacer para que tu blog sea un éxito.

¿Que te parece este tutorial blogger para personalizar los comentarios de blogger?


Suscribete

Melyssa Blog belleza y cósmetica

22 comentarios:

  1. Y si en css ya tengo otro código como hago?

    ResponderEliminar
  2. uy que bien queda!!! gracias tesoro.
    un beso enorme y feliz finde!

    http://diarioparaquererme.blogspot.com.es/

    ResponderEliminar
  3. Me gusta mucho el resultado , voy a intentar aplicarlo a ver que tal se ve ^.^ Un post chulo y fácil :) Besos

    ResponderEliminar
  4. que bonito! voy a probarlo, que hoy he madrugado mas que las gallinas (en mi primer dia de vacaciones! jajaj) y no parece muy complicado! Muchisimas gracias guapi!

    ResponderEliminar
    Respuestas
    1. Nuria como madrugas tanto jeje tomate un relax en las vacaciones, besitos

      Eliminar
  5. No me sale nada... que raro no? he puesto el codigo como esta y nada... no aparece nada.
    Gracias)

    ResponderEliminar
    Respuestas
    1. Al final salio, he puesto el marco en puntitos...me gusta)

      Eliminar
    2. Me alegro guapa, voy a ver como te ha quedado.

      Eliminar
  6. Esto tengo que probarlo, porque mira que me gustan estos detalles... Un recurso muy chulo!! Gracias por compartir, un beso!

    ResponderEliminar
  7. Gracias por compartir. Al igual que fina, yo me pierdo con los detalles y seguro voy a usarlo. Besos!

    ResponderEliminar
    Respuestas
    1. Si tienes alguna duda, vuelve por aqui y comenta, besitos

      Eliminar
  8. Fácil el tutorial y muy bonito que queda, lo voy a intentar en estos días. Besos.

    ResponderEliminar
  9. No me sirve... ¿saben que pasa? Nosé que poner en estilo y en distancia hasta el texto... así lo puse:
    .comment-block {
    background:#A9E2F3; /* #FFFFFF */
    border: 2px solid #A9E2F3; /* .F6CEF5 */
    box-shadow: 10px 10px 5px #DA81F5; /* F6CEF5 */
    border-radius: 6px; /* Borde redondo */
    padding: 4px; /* 1px */
    }


    Lo puse a azar ya que ni se como va :v

    ResponderEliminar