Esta es una página que te ayudará a colocar accesorios al blog. Aprenderás como mejorar tu blog. Pasa y encontrarás de todo un poco.
Cargando

¿Cómo mostrar la foto del autor del comentario en la página principal? -77-

1. Ir a diseño de la plantilla, luego a Edición de HTML y clic en Expandir plantillas de artilugios, buscar lo siguiente:
<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>

2. Agregar lo siguiente (lo que está con color azul) después de:
<b:loop values='data:post.comments' var='comment'>

<div style="clear:both">
<dt style="float:left;margin-right:5px;clear:both;" expr:id='"commentphoto" + data:comment.id'>
</dt>
<b:if cond='data:comment.authorUrl'>
<script type="text/javascript">
if(typeof(commentPhotoIds) == 'undefined') var commentPhotoIds = []; commentPhotoIds.push({'id':'commentphoto<data:comment.id/>', 'url':'<data:comment.authorUrl/>'});
</script>
<b:else/>
<script type="text/javascript"> if(typeof(commentPhotoIds) == 'undefined') var commentPhotoIds = []; commentPhotoIds.push({'id':'commentphoto<data:comment.id/>', 'url':''});
</script>
</b:if>


<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<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>

<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p></p>
</dd>
<b:else/>

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

</b:if>

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

</b:loop>
</dl>

Explicación:
<div style="clear:both">
<dt style="float:left;margin-right:5px;clear:both;" expr:id='"commentphoto" + data:comment.id'>
- En float, puedes cambiarlo de posición, sea left (izquierda) o right (derecha).
- En margin, ver aquí.

3. Pegar lo siguiente antes de: </body> (esto se encuentra al final de la plantilla)

<script type='text/javascript'>
//<![CDATA[
function commentPhotoDo() {
var tag;
for(var i = 0; i < commentPhotoIds.length; i++) {
tag = document.createElement('script');
tag.type = 'text/javascript';
tag.src = 'http://scrape.singpolyma.net/avatar.php?maxwidth=70&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
if(typeof(commentPhotoIds) != "undefined") commentPhotoDo();
//]]>
</script>

* Agregar tu propia imagen en donde dice: &defaultimage='+encodeURIComponent('http://aquí-la-dirección-de-tú-imagen'), porque algunos no agregan su foto y aparecerá una imagen como un anónimo(?), pero si están registrados en Blogger (con-enlace).
En el caso del anónimo aparecerá simplemente la imagen que ustedes han puesto.
- Con respecto a la imagen tiene que ser de ancho 60px por 45px de alto aproximadamente.
** px.- pixeles

4. Finalmente, guardamos los cambios.

31 Comentarios:

Anónimo dijo...

Hola! Este blog es perfecto para la gente como yo que no entiende mucho...
Necesito un favor, que me ayudes con un problema que me ha surgido:

Acabo de crear un blog, yo soy la administradora, pero quiero que una amiga tambien sea administradora, por eso le he enviado un mail (en configuracion - permisos) para que pueda escribir.
Pero lo que yo no sabia es que eso no hace que ella sea administradora, ahora ella solo puede publicar entradas en mi nombre. Yo quisiera que tambien fuese administradora, se que se puede porque lo he visto en varios blogs, pero no se como se hace, me puedes ayudar?

Muchisimas gracias!

ileana dijo...

Hice todo lo indicado para que salgan las fotos de los que hacen comentarios en la página principal y no pasa nada de nadistas :O(
Me podrías decir cual puede ser el problema?

Desde ya, muchas gracias

ileana

Andrés dijo...

Elían: Ok, dejáme un par de días aprox. para publicar algo referente a lo que me pides.

Ileana: Lo que pasa que hubo un error de mi parte, ya esta corregido, asi que vuelve hacer los mismos pasos que planteo y esta vez si te va a salir.

Gracias a los por la visita.

ileana dijo...

andrés, muchas gracias por tu pronta respuesta.

Repetí los pasos anteriores y casi, casi funciona ;O), pero la imagen que elegí para los anónimos sale aleatoriamente en la posición de cualquiera de los que comentan, que son todos usuarios con privilegios para subir artículos y todos con fotos en su perfil.

Me incluyo, también sale en el lugar de mi foto, así que tengo los comentarios plagados del Pato Lucas, personaje que elegí para los anónimos...jaja

Si se te ocurre que puede estar pasando te lo agradeceré.

saludo cariñoso

ile

Andrés dijo...

Ileana: He visitado tu blog y todo lo he visto bien, mas bien no me aparecio la foto del Pato Lucas.
Todos por supuesto con su respectiva foto.
Gracias nuevamente por la visita.

Emanuel dijo...

eso si esta bueno de colocar la imagen en un comentario en el blog , si tienes tiempo por favor visita el mio

ZonaEmanuel.blogspot.com

Emanuel dijo...

No me funciono pero ya lo solucionare, igual gracias de todos modos

Paula dijo...

Hola!
Gracias por la esxplicacion, me resulto, pero me gustaria que las imagenes de cada persona se mostraran mas pequeñas, como en tu blog, como puedo hacer esto?
este es mi blog: http://planetab.blogspot.com
Gracias!

Paula dijo...

hola.. puedes responderme por favor?

Andrés dijo...

Paula: Con respecto a la (tú) imagen tiene que ser de 60px por 45px aproximadamente.
Gracias por la visita.

Unknown dijo...

Hola Andres

He agregado otro de tus excelentes posts a mi blog,pero me encuentro que todas las imagenes de comentarios aparecen con la mía unicamente,tanto anónimos como cualquier otra y no sé donde cometí el error,puedes ayudarme a encontrarlo
Gracias

Miguel Emele dijo...

Algo no funciona bien aquí porque ahora que estoy en el formulario de comentarios veo todas las fotos correctamente, pero en la página no: para Andrés unas veces sale la foto y otras el dibujo para anónimo con la caja en la cabeza. Con Paula pasa igual: en unos comentarios aparece la guitarra y en otros el dibujo anónimo. Habría que depurar un poco el código.

Carlos Astudillo dijo...

Hola, Estimado Andres, he utilizado su código y todo tal cual como usted los indica arriba pero hay un inconveniente no se si es por la planilla que tengo o un error en el código, el error es el siguiente al momento de ver los comentarios, estos aparecen pero al momento de termina de cargar la página de la entrada, estós - los comentarios - desaparecen y solo se muestra la imagen, de anónimo, a que se debera estó,

Saludo y felicitaciones por esté gan blog me ha servido de mucho,

Espero su pronta respuesta.

Unknown dijo...

Hola Andres
si te das una vuelta por videoteca,en comentarios de El dia que Nietzsche lloro,veras que los iconos de blogger asoman parcialmente tras las imagenespuedes ayudarme a solucionarlo,desde ya gracias

Unknown dijo...

Andrés
nuevamente para agradecerte a pesar de que no pudiste contestar,pero todos los problemas de las imágenes se debieron a que primero tuve que eliminar los iconos de comentarios de Blogger y ahí si quedaron de diez

Verys dijo...

Hola, para tener esta opcion debo agregar algo en especial al blog, porque fui a html y no encuentro esa linea de codigos T-T

roogame dijo...

muy bueno funcionando a la primera como tiene que ser.

memoz0009 dijo...

Hola que Tal:

No me salio....
Tengo el otro coaidgo de los comentarios enumerados, tendra algo que ver.....

Despues dices que nadamas copiar todo lo que esta de azul y lo demas :S?

Mucho de lo que esta aqui me ha servido, ecepto esto, algo estoy haciendo mal, pero que sera?

mi Blog es :
http://guillermo-v-m.blogspot.com/

BODEGA DROLITORAL dijo...

brother, he tratado de hacer varis cambios en mi blog y no puedo.
1. mostrar las fotos en los comentarios
2. colocar el leer mas.

no se que hacer parece que mi plantilla fuera distinta a las demas

danoval007@hotmail.com

Juan dijo...

este truco ya no me funciona. Que paso?

Anónimo dijo...

Bueno a mi me funciono de maravilla recien cree i blog y gracias a esta pagina he hecho varios cambio gracias por excistir

Karolina Alfonzo dijo...

oye pero no se ve mi foto aui por que???????

Unknown dijo...

Gracias, me fue de gran ayuda.

Saludos!!

Leandro dijo...

Hice todos los pasos, no me tiró ningún error pero no se me cargan ls imágenes. Ni la mia si hago un comentario ni la que coloqueé en imageshak para los anónimos (la imagen tiene el tamaño 30 x 27 y es .gif)

http://leaenbinario.blogspot.com

sdos

Anónimo dijo...

Hola, he seguido los pasos correctos pero no consigo porner las fotos ni numerar los comentarios. podrias ayudarme? Blog :http://pmocedadpellejera.blogspot.com/ y mail: elilajuani@hot...com

Andres dijo...

Hi a todos.
Para empezar a agradesco a todos por su visita, lamento no haber podido contestar por estos largos días, pero empezamos con mas trucos y cosas.

Juani: Dime exactamente el error

nakahito dijo...

Hola gracias recien cree mi blog y estoy dandole detalles. por cierto los numeros de comentarios si me salio perfecto pero las imagenes no aparecen copie todo como dijiste me ayudas?

este es mi blog : http://nakahitovip.blogspot.com/

Aretino dijo...

No me funciona
http://bquilla.blogspot.com/2009/05/carnaval-2010.html

Aretino dijo...

Revise los blogs de las personas que manifestaron que les funcionaba y nada. :-( Parece que el código no sirve

MaJuGeJaMo Programmer dijo...

GRACIAS A LA PRIMERA NO ME SALIO ASI QUE INTENTE UN PAR DE VECES Y YA ADEMAS ME DI CUENTA QUE CUANDO PASABA EL CODIGO ALGUNAS LETRAS CAMBIABAN DE FORMATO

Jar dijo...

te felicito por tu blog, realemnte de ha sidode mucha ayuda pero esto NO ME FUNCIONO.

Related Posts with Thumbnails
Últimos Post