Mostrar foto-Imagen de su autor en un comentario

Mañana lo cuento...
Hoy sólo decir que si picáis en alguno de mis comentarios, podéis ver cómo funciona el hack (esperad una gotina: son unos segundos los que tarda en aparecer la foto junto al comentario).

Es muy sencillo de insertar... lo complicado es elegir el "script"... porque yo he mirado tres antes de decidirme a incluir el hack en mi blog...

Qué pereza me da explicar... en fín: Allá vamos:

Decía que lo complicado era elegir el script... y es que hay tres posibles: el de Purplemoggy; el de Singpolyma (estos son los originales); y el de Trucos Blogger.

Personalmente, me he quedado con este último script:

<script src='http://leonelhack.googlepages.com/blogger_comment_photos.js' type='text/javascript'></script>

<script type='text/javascript'>

//<![CDATA[

BloggerProfiles.noimage = 'http://img139.imageshack.us/img139/1011/defaultavatarad7.png'

BloggerProfiles.imageWidth = 60;

BloggerProfiles.imageHeight = 75;

addLoadEvent(function(){showCommentPhotos('commentphoto','comment-author', 1);});

//]]></script>

A incluir antes del cierre de la tag "head".

2º.- Expandid la plantilla y hallad el bloque de los comentarios, para dejarlo así:

<dl id='comments-block'>

<b:loop values='data:post.comments' var='comment'>

<dt class='comment-author' expr:id='"comment-" + data:comment.id'>

<div class='commentphoto' style='float:right;'/>

<a expr:name='"comment-" + data:comment.id'/>

<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>

<dd class='comment-body'>

<b:if cond='data:comment.isDeleted'>

<span class='deleted-comment'><data:comment.body/></span>

<b:else/>

<p><data:comment.body/></p>

</b:if>

</dd>

<dd class='comment-footer'>

<span class='comment-timestamp'>

<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>

<data:comment.timestamp/>

</a>

<b:include data='comment' name='commentDeleteIcon'/>

</span>

</dd>

<div style='clear:both;'/>

</b:loop>

</dl>

Cuando apliqué el hack de PurpleMoggy, cambié el "right" a "left"... no sé por qué, pero me gustan las cosas alineadas a la izquierda. Prefiero no sacar conclusiones...