Hacktime

Que seria de la web sin este blog

Comentarios con foto del Autor

Posted by yaju en febrero 4, 2007

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&#8217; type=’text/javascript’></script>
<script type=’text/javascript’>
//<![CDATA[
BloggerProfiles.noimage = ‘http://img139.imageshack.us/img139/1011/defaultavatarad7.png&#8217;
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.

19 comentarios to “Comentarios con foto del Autor”

  1. Petro said

    Funciona a la perfección. Muchas gracias

    Saludos

  2. bonhamled said

    Muchas gracias por vincularme es un auténtico placer.
    Más html necesitaría yo para mejorar el blog.

    Saludos y enhorabuena

  3. Joseph Ramsey said

    Acabo de implementarlo en mi blog y también ha funcionado perfectamente.

    Gracias Leonel… este truquillo ya lo estaba viendo con ‘codicia’ hace un tiempo por aqui XP

    (lástima que el de los emoticones si halla causado problemas😦 hubiera sido guay que funcionara tan bien como este)

  4. Eifonso Lagares said

    Es un blog estupendo y muy claro en los trucos. Muchas gracias por tus esfuerzos

  5. Sr. nagual said

    Gracias por los trucos y por colocarnos en el blogroll, hemos tenido problemas con el “Leer más…”, pues aunque la plantilla que bajamos y modificamos cuenta con las instruciones que has posteado no parece querer aplicar las etiquetas (span) a ver si en algún momento nos puedes echar una mano.

    Saludos

  6. LizardKing said

    Hola Leonel siempre con nuevos hacks,este truco me salio pero como hago ahora para que salga esa tabla de fondo que rodea el comentario con la flechita verde.

    Saludos

  7. [|Alejandro H|] said

    Funciona perfectamente, grachieeeeee

  8. hugomosh said

    Pues gracias
    ja Todavia no se si funciona por que nadi me ha puesto un commet
    je.
    bueno gracias

  9. SrWolfman said

    Hola
    Una cosa sabes porque no funciona, el script lleva una dirección de la web ning que no existe y creo que es el motivo, tienes alguna idea para solucionarlo.
    Saludos

  10. Leonel said

    Pues a mi funciona excelentemente, porque lo dices?

  11. SrWolfman said

    Mira esta captura de tu blog.
    mirar

  12. Leonel said

    Pues no, no se porque no funciona el script…

  13. Junio said

    Eso venía yo a mirar… si aquí funcionaba; porque a mí me “desapareció” tamvién.

    Y creo que el problema está en la fuente del script: porque Moggy añadió una pequeña parte (la que se refiere al tamaño de la imagen y la imgaen por defecto), y el resto es adaptación a New Blogger del hack para Blogger clásico de Singpolyma.

    El caso es que Singpolyma está teniendo problemas con su “depósito” de scripts: Ning.
    Mientras lo soluciona (al parecer es problema de espacio), algunos scripts han dejado de “funcionar”.
    Este debe ser uno de ellos…

    En fín: si se trata de ésto, Singpolyma ha asegurado que intentará arreglarlo a la mayor brevedad.

    A ver qué pasa…

  14. Leonel said

    Gracias por avisarme.

  15. LinuxMfG said

    EXCELENTE TRABAJO

    PREGUNTA: Es posible hacer lo mismo -agregar la imagen o avatar- no solo a los comentarios sino a los mensajes en si? (se entiende la pregunta?)

  16. Leonel said

    Pues no la entiendo muy bien…

  17. LinuxMfG said

    OK, entonces reformulo la pregunta: Se podria colocar la Imagen del Autor en cada mensaje? Por ejemplo, en este mismo post “Comentarios con Foto de Autor” se veria todavia mejor, si tu foto estubiera al lado del titulo (como en el caso de los comentarios).

  18. LinuxMfG said

    He buscado en la internet y hasta ahora no he visto en ninguna parte (ningun blog de blogger) esa propiedad y como no se mucho de codigos css (hojas de estilo)… y al parecer aqui tampoco lo sabes.

  19. Pao said

    Hola.

    He tratado de poner la foto pero no hay caso. Ojalá me puedan ayudar. Mi plantilla tiene dos clases de comentarios y ahí me pierdo y no sé donde insertar los códigos.

    gracias

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

 
A %d blogueros les gusta esto: