martes, 10 de junio de 2008

DESTACAR COMENTARIOS DEL AUTOR DEL BLOG DEL RESTO DE COMENTARIOS

Bueno, hoy os presento una cosilla para hacer y que consiste en hacer un recuadro, digamos, de otro color donde aparezca un comentario del dueño de un blog y así diferenciarlos del resto de comentarios. ¿Fin? Pues, evidentemente, ayudar a la gente que lee comentarios a diferenciar las respuestas. Ayssss, me estreso ya!

Bueno, a lo que íbamos, como siempre hemos de ir a las tripas de nuestro blog.....quicir....a la querida plantilla de html....así que, andando.

1º Vamos a la parte de edición - HTML de la plantilla y expandimos los artilugios,es decir, marcamos el recuadrito que está a la derecha y arriba del todo y buscamos esta parte del código:

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<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>


Y acto seguido copiamos este código:

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


2º Ahora buscamos la siguiente parte del código:

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


Y acto seguido copiamos esto:

</b:if>


3º Hecho esto subimos hacia arriba de la plantilla, a la parte del CSS y buscamos la zona de comentarios, es decir, un código como éste:

#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}


Y añadimos este código:

.blog-author-comment {
margin:.25em 0 0;
}
.blog-author-comment p {
margin:0 0 .75em;
padding:5px 10px;
border:1px dotted #254117;
background:#C3FDB8;
}


4º Si queremos cambiar el color del fondo, grosor y color del borde lo haremos desde esta parte que está en lo último que hemos añadido:

border:1px dotted #254117;
background:#C3FDB8;

2 comentarios:

Darken dijo...

Una buena forma de saberquien es el autor del blog ^_^

Aunque puede dejar los comentarios algo menso homogeneos. Pero mola :)

Natycris dijo...

geniales tus aportes. Solo me gustaria pedirte algo, q seas un poquito mas explicita. Dices: "pegar esto aca" o "añadir esto aca". porfa expecifica mejor en q parte especificamente es. solo eso. saludos n.n