Comentarios con foto del Autor

Despues de algunos post de nuestro amigo Sanshiro, es hora de que vuelva a la accion, ahora este hack lo podran encontrar implementado este blog, y para poder visualizarlo deberan hacer click en el titulo del post. Ahora bien 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.