Destacar los propios comentarios | Oloblogger 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 ...

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

26 comentarios :

  1. 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
  2. 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
  3. Legolas, en unos días publico una entrada sobre tu consulta.

    Saludos

    ResponderEliminar
  4. Pues, a mi no me dió nada.

    ResponderEliminar
  5. 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
  6. ¿Fuera de la nota? ¿En la sidebar? :-)

    La verdad es que no entiendo la pregunta...

    ResponderEliminar
  7. 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
  8. 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
  9. 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
  10. 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
  11. 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
  12. gracias man vales oro este si me funciono aunq me complique pero d ahi me salio graciasssssssssssssssss

    ResponderEliminar
  13. 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
  14. 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
  15. 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
  16. 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
  17. graciasss, era justamente lo que quería!!!

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

    ResponderEliminar
  19. 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
  20. Es que el código de Blogger ha cambiado Aquamarine. Voy a ves si puedo publicar cómo se hace ahora.

    ResponderEliminar
  21. 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
  22. Perdona, no te he especificado el Blog. Es el de Criminal Descubierto

    ResponderEliminar
  23. 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
  24. 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