Foto del autor del comentario -Singpolyma: New Comment Photo Hack (Blogger)

Igual quien tenga en su blog este mismo hack, pero adaptado por Leonel, ex-Trucos Blogger-, se habrá dado cuenta de que hace tiempo que no funciona.

El único de mis blogs que mostraba el hack es éste, porque no es el de Leonel, sino el original de Moggy, basado en el de Singpolyma para Plantilla clásica de Blogger.

Me planteé esta noche (de vez en cuando me doy una vuelta para "arreglar cosas" por ahí) el reinsertar el hack, tal y como lo tengo en este blog, pero... qué pereza más enorme..

Así que consulté con el "oráculo-Singpolyma", por si tenía algo parecido y más breve. Y, en efecto: tiene un New Comment Photo Hack (Blogger), que me he apresurado a insertar en los blogs que se me habían quedado "huérfanos" de fotos.

Es un hack muy sencillo de insertar, sólo que algo pesado... y, a veces, sobre todo cuando hay dos comentarios seguidos del mismo autor, se "confunde" y coloca la imagen por defecto, en lugar de la del autor (que la tiene en el comentario inmediatamente anterior). De todas formas, es efectivo, fácil y funciona.
Podéis ver la prueba picando en alguno de los comentarios de este Blog de pruebas (por cierto: un día de éstos colocaré el esqueleto de esa plantilla... la última de Milo)

Vamos a ver cómo se inserta:

.- SCRIPT: Es importante colocarlo justo encima del cierre del body, al final de vuestra plantilla. En caso contrario, igual no funciona (digo igual... porque no lo he probado en otro sitio de mi plantilla. Prefiero seguir las instrucciones de Singpolyma.)

<script type='text/javascript'>

//<![CDATA[

function commentPhotoDo() {

var tag;

for(var i in commentPhotoIds) {

tag = document.createElement('script');

tag.type = 'text/javascript';

tag.src = 'http://scrape.singpolyma.net/avatar.php?maxwidth=30&url='+encodeURIComponent(commentPhotoIds[i].url)+'&id='+encodeURIComponent(commentPhotoIds[i].id)+'&defaultimage='+encodeURIComponent('http://img139.imageshack.us/img139/1011/defaultavatarad7.png');

document.body.appendChild(tag);

}//end for var i in commentPhotoIds

}//end function commentPhotoDo

commentPhotoDo();

//]]>

</script>

He colocado el máximo tamaño de la imagen en "30". Cada quien... a su manera.

.- HTML:
Bajad vuestra plantilla extendida hasta el bloque que despliega los comentarios, que comienza con algo así: <dl id='comments-block'>

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

Inmediatamente detrás de este "loop", colocad lo siguiente:

<div style='clear:both'>

<dt expr:id='&quot;commentphoto&quot; + data:comment.id' style='float:left;margin-right:5px;clear:both;'/>

<script type='text/javascript'>if(typeof(commentPhotoIds) == &#39;undefined&#39;) var commentPhotoIds = []; commentPhotoIds.push({&#39;id&#39;:&#39;commentphoto<data:comment.id/>&#39;, &#39;url&#39;:&#39;<data:comment.authorUrl/>&#39;});</script>

¡¡NO OLVIDEIS CERRAR EL DIV!: El cierre irá más abajo de esta secuencia, justo arriba del cierre b:loop:
</div>

</b:loop>

</dl>

Cambiad el "left" a "right", si queréis que las fotos se muestren a la derecha y no a la izquierda.
Y ésto es todo. El hack es compatible con el Peek-A-Boo de comentarios (si es que ya lo tenéis). Eso sí: vuestra página tardará un poco más en cargar...