0
Si no sabes cómo poner el avatar (foto del perfil) de los comentaristas de tu blogspot debes seguir los pasos de la siguiente guía:
***Recuerda guardar una copia de tu plantilla antes de modificar nada***
1) Primero de todo, si tu plantilla es una plantilla original de blogger puedes activar los avatores de tus comentaristas en: Configuración -> Comentarios
2) Si tu plantilla está modificada deberás hacerlo de la siguiente manera: Vamos a Diseño -> Edición de HTML y buscamos el siguiente código (para agilizar la búsqueda tecleamos Ctrl + F):
<dl id='comments-block'>
Lo reemplazamos por este otro código:
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
3) Ahora buscamos <a expr:name='data:comment.anchorName'/> y lo reemplazamos por:
<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>
4) Ahora buscamos ]]></b:skin> y antes pegamos el siguiente código:
.avatar-image-container {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvf5kGMvKFkelEBoowSBBNqjwl03T3lNayOpc-qv0CzbTDyWhhu7xwAAk_6HK3O3YJdn1zRtmUGdmE3lyTBVBROEoRzonhoBwqxyQJjiWqTcgS9-ajLMXfFbjOcVNFvwl12vrrAMRGQw/s400/default.gif); width:35px;height:35px; }
.avatar-image-container img { border:none;}
Clicamos en vista previa y si todo está bien guardamos la plantilla. El resultado lo puedes ver en este mismo blog.
***Recuerda guardar una copia de tu plantilla antes de modificar nada***
1) Primero de todo, si tu plantilla es una plantilla original de blogger puedes activar los avatores de tus comentaristas en: Configuración -> Comentarios
2) Si tu plantilla está modificada deberás hacerlo de la siguiente manera: Vamos a Diseño -> Edición de HTML y buscamos el siguiente código (para agilizar la búsqueda tecleamos Ctrl + F):
<dl id='comments-block'>
Lo reemplazamos por este otro código:
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
3) Ahora buscamos <a expr:name='data:comment.anchorName'/> y lo reemplazamos por:
<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>
4) Ahora buscamos ]]></b:skin> y antes pegamos el siguiente código:
.avatar-image-container {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvf5kGMvKFkelEBoowSBBNqjwl03T3lNayOpc-qv0CzbTDyWhhu7xwAAk_6HK3O3YJdn1zRtmUGdmE3lyTBVBROEoRzonhoBwqxyQJjiWqTcgS9-ajLMXfFbjOcVNFvwl12vrrAMRGQw/s400/default.gif); width:35px;height:35px; }
.avatar-image-container img { border:none;}
Clicamos en vista previa y si todo está bien guardamos la plantilla. El resultado lo puedes ver en este mismo blog.
0Comentarios!