Destacar los propios comentarios | Oloblogger Actualización: Si no encontráis el código que aquí se cita, ir directamente a esta otra entrada . ...

1 de junio de 2008

Destacar los propios comentarios

Actualización: Si no encontráis el código que aquí se cita, ir directamente a esta otra entrada.

El otro día explicábamos como quitar el logo de Blogger en los comentarios de cada entrada y, de paso, como sustituirlo por una imagen al gusto.

Ahora vamos un poquito más allá y destacaremos los comentarios del propio autor del blog, al tiempo que le pondremos una imagen distinta al del resto de visitantes. Más correcto sería decir del autor de la entrada, pero en la mayoría de casos, coincidirán.

Para ésto, tenemos que buscar en la plantilla la expresión

<dl id='comments-block'>

y sustituir todo lo que se encuentra entre dicha línea y </dl>, ambas inclusive, por ésto otro:

Ver código [+/-]
<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='&quot;comment-author &quot;' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.author == data:post.author'>
<img src='URLimagenpropia'/>
<b:else/>
<img src='URLimagenvisitantes'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<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/>
<b:if cond='data:comment.author == data:post.author'>
<p style='background:#FFFF99;border:2px solid #999999;'><data:comment.body/></p>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>

Aparte de borrar la parte que imprime el logo de Blogger tal y como se explicó la otra vez, realmente sólo hemos insertado dos grupos de líneas:
  • En el primero ponemos una condición: Si el autor de la entrada coincide con el autor del comentario, ponemos en el "hueco" una imagen, y si no, pues ponemos otra.
  • En el segundo grupo, lo que hacemos es dar un estilo distinto a los comentarios escritos por el autor de la entrada, usando el mismo truquillo.
Hay que sustituir URLimagenX por la dirección de la imagen que querais poner en cada caso. Si quereis incluir lo del texto destacado (segundo grupo de líneas), jugar un poco con los códigos CSS y cambiar el color del texto, el tipo, el color de fondo, el borde, etc. para darle el aspecto que cuadre con vuestro blog.

Una vez más: imaginación al poder.

¿Vemos otro post al azar por si le encuentras utilidad o quizás prefieres ser más metódico y suscribirte a nuestras entradas por correo? También puedes imprimir este artículo y por supuesto compartirlo en redes sociales si fue de tu agrado.

Compartir
Copy URL

Y muchos más artículos interesantes si nos sigues en...

follow us in feedly

30 comentarios :

  1. Aviso: a mi me ha dado problemas y lo he tenido que retirar. En un principio se veia aunque no parecia que se pudiera votar pero una hora después comprobé que desapareció mi sidebar y solo se veia una unica entrada en mi blog. Acabo de comprobar el Blog de Jose a Secas que lo ha instalado y ocurre igual, le ha desaparecido el sidebar y solo se visualiza una solo entrada, ni siquiera le he podido dejar un comentario a el

    ResponderEliminar
  2. Me has acojonado Malina, pero gracias de todas formas. El blog de Jose, a secas sí que tiene la sidebar, lo que pasa es que se le ha ido al final, cuando termina el cuerpo de las entradas.

    Debe tener algún fallo de diseño en el ancho de las columnas y si tiene relación con el nuevo botón, será porque lo ha puesto en algún sitio que ocupa más ancho del que hay prevista para la entrada. Yo lo tengo casi una semana y no he tenido problemas.

    De todas formas, gracias y seguiremos observando.

    Un saludo

    ResponderEliminar
  3. Te contesto en la entrada correspondiente que ni cuenta me di que deje este comentario en la entrada que no correspondia.

    ResponderEliminar
  4. Aggggg no puedo! tampoco veo el sidebar tuyo ni el resto de las entradas.

    Pego lo que habia escrito:

    Pues yo no consigo ver nada mas que su primera entrada, pero es con referencia a lo de las votaciones de Bitacoras y no esta entrada que no me di cuenta de donde he escrito el comentario. El caso es que yo lo puse, se veia bien, guardé la plantilla y a la hora se fue todo. Quite el codigo y volvió todo. Al dejar Jose el comentario de que lo puso el, le fui a visitar para ver como le habia quedado y no veo su sidebar, ademas de que solo me aparece la ultima entrada.

    ResponderEliminar
  5. excelente pagina muy buena me esta ayudando a darle un estilo a mi blog que recien he creado, solo una pregunta:
    Yo quiero colocar una imagen fija arriba de las entradas , es decir por mas que yo cree y cree entradas esta imagen quede ahi como si fuera una cabecera extra , pero solo para las entradas, espero me puedas ayudar Oloman, si necesitas el enlace a mi blog solo dimelo.

    Muchas Gracias.

    ResponderEliminar
  6. Legolas, en unos días publico una entrada sobre tu consulta.

    Saludos

    ResponderEliminar
  7. No. Olvidalo, ya está bien. Porfavor dime como hago para que los comentarios aparescan fuera de la nota ? y no entrando a ella. koryuseness@gmail.com , te lo agradeceria.

    ResponderEliminar
  8. ¿Fuera de la nota? ¿En la sidebar? :-)

    La verdad es que no entiendo la pregunta...

    ResponderEliminar
  9. Si es cierto, ni yo mismo me entiendo, pues mira mi blog http:koryuseness.blogspot.com, es que le hice el cambio que me dijiste de quitar el logo blogger en el perfil de comentario, y está muy bien, te felicito, pero el royo es que las personas pueden ver los comentarios sin entrar en la nota cuando ellos los están redactando y por lo tanto ese cambio no se nota al menos que se entre a la nota primero y luego se comente... Bueno, lo que quiero es que los demás vean ese cambio en especial cuando comenten. Te Felicito por tu blog, me ha ayudado mucho.!

    ResponderEliminar
  10. Ness, en este asunto no te puedo ayudar porque todavía no he descubierto como hacer eso en las ventanas emergentes, que creo que es a lo que te refieres. Saludos,

    ResponderEliminar
  11. Finalmente logré que me quedara en una plantilla que estoy haciendo.
    Ahora, lo que quisiera saber es si es posible resaltar también los comentarios de quienes no sean el autor de la entrada, si se les puede aplicar el mismo 'truquillo'.

    Gracias como siempre por tu ayuda.
    Saludos.

    ResponderEliminar
  12. Emile, si pretendes resaltar todos los comentarios, tendrás que modificar la parte de CSS que hace referencia a los comentarios. Son las classes que incluyen la palabra COMMENT.

    Si lo que quieres es destacar los comentarios de cada usuario que comenta de forma diferente para cada uno, eso ya es más complicado y además hay que hacerlo a mano..

    Después de
    <b:if cond='data:comment.author == data:post.author'>
    <img src='URLimagenpropia'/>
    <b:else/>
    <img src='URLimagenvisitantes'/>
    </b:if>

    ...tienes que poner tantos trozos iguales como usuarios quieras destacar. Cambiaría

    data:comment.author == data:post.author

    por

    data:comment.author == "nombreadestacar"

    y la imagen, que tendría que ser la propia de cada uno.

    ResponderEliminar
  13. hola Oloman!!!, ya he podido sacar el ícono de blogger...ahora voy por estos consejos, después te cuento como voy...es un blog excelente chauuuuu

    ResponderEliminar
  14. Excelente!!! ya he podido poner un ícono para el autor, otro para mis amigos...ohhh ohhh a mi me encanta como ha quedado!!!, muchas gracias!!!

    ResponderEliminar
  15. gracias man vales oro este si me funciono aunq me complique pero d ahi me salio graciasssssssssssssssss

    ResponderEliminar
  16. Hola que tal ? felicidades por la página, me es de mucha utilidad a la hora de aprender. Quisiera hacerte una pregunta. He aplicado el truco de resaltar los comentarios del autor, pero no me ha gustado que el fondo sobre el que aparece por ejemplo: fernando dijo ... quede blanco, ¿ hay alguna manera de cambiar ese color ?, es que tengo el blog de fondo casi amarillo y queda regulin. Muchas gracias por adelantado

    ResponderEliminar
  17. Claro que sí Fernando.

    Busca esta parte...

    <b:if cond='data:comment.author == data:post.author'>
    <p style='background:#FFFF99;border:2px solid #999999;'><data:comment.body/></p>
    <b:else/>

    Todo lo que está dentro de STYLE es lo que determina el formato de los comentarios del autor. FFFF99 es el color amarillo. Cambialo por el código hexadecimal del color que quieras poner. Incluso si quieres cambiar el color de tu letra, puedes añadir el atributo COLOR:#XXXXXX;

    ... o quitar el borde, o hacerlo más ancho, de otro color, o que la letra sea cursiva...

    Echale imaginación.

    Un saludo.

    ResponderEliminar
  18. Gracias por contestar tan rápido oloman, pero quizás no me expliqué bien. Me gustan los colores, y poder poner una imagen, pero me refiero al color blanco de fondo no el cuerpo del comentario, sino en la parte que dice fernando dijo ....
    Lo puedes ver aquí

    http://historiazuer.blogspot.com/2008/11/otro-parche-al-capitalismo-y-la-tica.html#comments

    Quisiera saber si hay alguna manera de cambiar ese blanco. El resto de los colores me gustan.
    Muchísimas graciassssss !!!!

    ResponderEliminar
  19. La misma explicación vale, pero en este caso, lo que buscas creo que está aquí:

    .comment-author {
    background: #ffffff;
    margin:.5em 0 0;
    padding:0 0 0 20px;
    font-weight:bold;
    }

    ResponderEliminar
  20. graciasss, era justamente lo que quería!!!

    ResponderEliminar
  21. gracias oloman otra vaez me ayudaste.....

    ResponderEliminar
  22. Uff... pues yo sigo fiel a tu plantilla pero hoy por primera vez ha decidido no hacerme caso y eso que he seguido todos los paso.

    El blog es este: http://amphitritesworld.blogspot.com y por más que le meto el código, no se ve la imagen ni se resaltan mis comentarios...

    Gracias^^

    ResponderEliminar
  23. Es que el código de Blogger ha cambiado Aquamarine. Voy a ves si puedo publicar cómo se hace ahora.

    ResponderEliminar
  24. Hola otra vez oloman!

    llego aqui ya como ultimo recurso, para pedirte ayuda.

    Hace tiempo, queria cambiar, algo tan basico como, el color de los comentarios del autor, pero he realizado tantisimas modificaciones en la plantilla, que no logro (no se el porque), que cambie el color, y siempre lo mantiene blanco. He creado todos los parametros en la plantilla para que el autor tenga un color diferente y nada...no hay manera...podrias mirar mi plantilla, a ver si tu ves porque no me funciona?

    Gracias!!!

    ResponderEliminar
  25. Perdona, no te he especificado el Blog. Es el de Criminal Descubierto

    ResponderEliminar
  26. Hola Cordobess@. Ya hacía tiempo que no sabía de tí. No quiero que se me olvide agradecerte que sigas manteniendo el banner del juego SIngenio y dicho esto... vamos a lo tuyo.

    Lo primero es hacer una copia de seguridad de tu plantilla, ya que este cambio es un poco delicado y lo segundo localizar el trozo de código que aquí se dice y sustituirlo por el que se propone.

    Hecho eso, buscas la línea
    <p style='background:#FFFF99;border:2px solid #999999;'><data:comment.body/></p>
    ...y en ella cambias lo que quieras, según el aspecto que quieras darle a tus comentarios.

    Cuéntame el resultado o los problemas que te surjan.

    ResponderEliminar
  27. Hola Oloman!
    Yo he acabado trasteando el Css pero tengo una pregunta.

    A ver, somos dos administradoras en el blog y cuando la otra chica postea una entrada nueva, a la hora de responder comentarios solamente sale el suyo resaltado puesto que ella es la "autora" del post y la pregutna sería si se podría hacer que el mio tmb saliera aunque yo no haya creado la entrada ya que soy la otra adm

    Gracias
    (tienes una web tan buena que me has sacado de mas de un lio xD)

    ResponderEliminar
    Respuestas
    1. Así es. Sólo se destacan los comentarios de la persona que creo el post. Hacer lo que quieres sería bastante más complicado.

      Y gracias a tí por hacerme saber que esto te es útil. Siempre da gusto saberlo ;)

      Eliminar
    2. Thks por responderme Oloman ^^
      Estoy haciendo un intento trapicheando los codes html y css y ha salido alguna cosilla de lo que te preguntaba (aun no lo consigo al 100%). Supongo que si sigo trasteando acabaré consiguiendolo jajaja

      Gracias de nuevo ^^

      Eliminar