sábado, 2 de junio de 2007

::Comentarios con foto del Autor::

::Comentarios con foto del Autor::

El creador del hack es Purple Moggy, que ahora paso a explicar:

Cuando hacemos hacemos click en el titulo del post se nos dirige a una pagina donde se encuentra el post y los comentarios en conjunto, pero los comentarios se nos muestran un poco simples, ahora al aplicar este hack aparecera la foto, o imagen del autor del comentario.

¿Como aplicarlo?Primero dirigirse a:

Plantilla--Edicion de HTML--Expandir plantilla de artilugios

Ahora buscamos el siguiente codigo y añadimos el codigo que se encuentra resaltado con rojo.
.
<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>

.
Tu puedes cambiar el 'right' a 'left' dependiendo de el lugar donde quieras que aparesca la imagen.Ahora nos dirigimos hasta el </head> y antes de éste añadimos el siguiente codigo:
.
<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>
.
Guardamos los cambios y listo, ahora podras ver los cambios haciendo click en el titulo de algun post de tu blog. Espero os sirva.Nota: El script demora unos segundos en cargar por favor ser paciente.


Escucha este escrito

1 Persona alfin dijo:

pao comento sobre este post...

Hola,
no me funciona este script en mi blog, lo puse pero nada, no se ven las fotos, ojalá me puedas ayudar, gracias...

Calendario de posts

Cargando...

 
ir arriba