imagen de perfil en los comentarios del blogger

Bueno es muy sencillo agregar una imagen de perfil en los comentarios de nuestro blog, si tenemos blogger y tenemos una platilla "original" o que este basada en una original,
basta con ir ala configuracion y a comentarios

y buscamos "mostrar imagenes de perfil en los comentarios" y le ponemos que si

pero no es tan facil para un blogero experiemtado que le gusta tunear su blog x__x (como yo)
el proceso es un poquito mas complicado.
despues de modificar lo anterior tenemos que modificar nuestro html
en diseño>edicion HTML
Respaldamos nuestro template (aganlo!!! podrian meter la pata)

pegamos esto antes de nuestra etiqueta ]]</b:skin

.avatar-image-container {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhadVE_F-GI4zJTocpFEog51Ji_sZNPN3cwFSGccTeD1Nt4bMwWpeWA2y-Pdr-slQ7nB2jsw4JF1p8OhfnilyVqF1U6lGj_iDUtmi3HOiqiaAEvUKKaDBC0IDmmV-QjTA5keuqZIuaTjQ/s400/default.gif); width:35px;height:35px; }
.avatar-image-container img { border:none;}

y buscamos esto <dl id='comments-block'>
y lo remplazamos por esto

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

y lo complicado, pues varia de platilla a plantilla, buscamos algo parecido a esto <a expr:name='data:comment.anchorNam

y lo remplazamos por esto

<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<div expr:class='data:comment.avatarContainerClass'>
<data:comment.authorAvatarImage/>
</div>
</b:if>

PD: yo les recomiendo ir guardando cada que completen un paso... por que aveces pasa que hacemos todo y le damos guardar y nos dice que hay herror