Estilo Gravatar para los avatares de los comentarios Blogger

Los comentarios que tienen tu Blog por defecto, en las plantillas del diseñador de plantillas no tienen estilo y los avatares de los comentaristas salen simples.
En este post sabrás es como dar estilo a esos avatares como el estilo que tienen los Avatares de Gravatar en los sitios que tienen Gravatar.
  • Ve a Plantilla, luego a Edicion de HTML.
  • luego busca la etiqueta ]]></b:skin> y arriba de ella pega lo siguiente.
.avatar-image-container,
.avatar-image-container img {
    max-width: 50px !important;
    width: 50px !important;
    max-height: 50px !important;
    height: 50px !important;
    padding: 0 !important;
    border: 0px;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px;
}

.avatar-image-container{
    border:3px solid #fff !important;
    -webkit-box-shadow: 0 1px 2px #BBB;
    -moz-box-shadow: 0 1px 2px #BBB;
    box-shadow: 0 1px 2px #BBB;
}
  • Este es un estilo que normalmente se utiliza en Gravatar. pero tu puedes hacer los cambios que quieras.
  • Este codigo se verá así.