Hacker of the Web
Tus ideas en código!...y mas

Mostrar avatar del autor, en los comentarios

Hace poco que Blogger introdujo la opción de habilitar los avatares en los comentarios del Blog. Algo que muchísimos Bloggers habíamos estado esperando ansiosamente. Y la utilización es simple:
[1] Entra en el panel de Configuración de tu blog.
[2] Entra en sección de Comentarios.

Configuracion de comentarios


[3] Selecciona la opción si de Mostrar imágenes de prefil en los comentarios

Avatares


Solo revisa las entradas de tu blog, y tendrás los avatares de tus comentaristas junto a sus comentarios!!!

[4] Pero existe la mínima posibilidad de que no se muestren, y para eso necesitarás entrar en Diseño>Edicion de HTML>Expandir plantillas de artilugios
[5] Donde buscarás:
expr:id='data:comment.anchorName'>

Donde seguro verás algo como esto:
<dt>      
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>

[6] No importa si es igual o diferente que al anterior, pero debe tener lo siguiente en color rojo:
<dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>      
<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'>
<data:comment.authorAvatarImage/>
</b:if>

<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>

Con eso tendrás instalados los avatares en los comentarios xD!!
#

Deja tu huella y comenta!

Hola!, por favor deja tus comentarios, te aseguro serán contestados, dudas, sugerencias, lo que sea!!!!!!!!!!.

Si el formulario no funciona, o quieres irte a la segura: agrega tu comentario de forma tradicional

Si necesitas ayuda mas personalizada deja un <a href='URL'>ENLACE</a> hacia tu blog.

Emoticons
Comenta con tu:
Comenta:

5 comentarios !

† «TheTrueFucker ™»† dijo...

Hola sant muchas gracias por el post pero a mi me ha salido el lo siguiente en los comen en vez del avatar

expr:id='data:comment.anchorName'>anonimo dijo :

me sale eso no se por que sera si me pudieras ayudar te agradeseria mucho

† «TheTrueFucker ™»† dijo...

yo denuevo ... arregle el problema de
expr:id='data:comment.anchorName

Pues elimine todos XD

pero ahora me sale el icono fuera de la plantilla O_O

me prodrias audar xD

de ante mano gracias mi blog es :http://forevergantz.blogspot.com

SäNTÿ dijo...

† «TheTrueFucker ™»†, la solucion del avatar fuera de tu plantilla, podría resolverse con estas lineas de CSS. Que necesitas colocar justo antes de la etiqueta ]]></b:skin>:

#comments-block .avatar-image-container {
float:left !important;
position:relative !important;
left:0px !important;
margin:0 5px 0 0;
}

-Lunatika- dijo...

muchas gracias santy me sirvio mucho :D un 10 para tu blog "claro si se pudiera botar xD!!!!!!!!!!!!

SäNTÿ dijo...

-Lunatika-, que bueno que te sirviera xD!!

sigue comentado, de lo que sea!!


Página Principal
Arriba