<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>
<b:if cond='data:comment.author == data:post.author'>
<dd class='blog-author-comment'>
<p><data:comment.body/></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>
</b:loop>
</dl>
Luego añadimos a nuestro CSS para destacar los comentarios del autor o administrador:
.blog-author-comment {
margin:.25em 0 0;
}
.blog-author-comment p {
margin:0 0 .75em;
padding:5px 10px;
border:1px dashed #FF8040;
color:#339999;
background:url(http://img529.imageshack.us/img529/1615/82549982.gif);
}
Y para destacar el resto de los comentarios añadimos:
.comment-body p {Hacer los cambios necesarios: imagen, color, etc...
margin:0 0 .75em;
padding:5px 10px;
color:#FF8040;
border:2px dotted #339999;
background:url(http://img212.imageshack.us/img212/2338/innerwrap.gif);
}
Y para ponerle una imagen tipo firma a los comentarios del autor:
Encuentra: copia y pega los cambios mostrados en rojo de lo que se muestra a continuación.
<b:if cond='data:comment.author == data:post.author'>Luego añadimos a nuestro CSS:
<dd class='blog-author-comment'>
<p><data:comment.body/><img class='firma' src='url_de_la_imagen_firma'/></p>
</dd>
<b:else/>
/* firma en comentarios */Hacer los cambios necesarios.
.firma {
display:block;
width: 120px;
height: 35px;
padding-left: 73%;
}
:2)
HOLA
Hola Vku, seguí tus pasos y todo salio bien, lo único que cambie fue el hos para las imágenes y me tome el atrevimiento de tomar tu imagen de administrador, va justo con mi blog el color azul.
Gracias por compartir :23)
Si tienes alguna opinión respecto a la entrada, tienes un punto de vista distinto, o simplemente quieres saludar, te invito a que dejes un comentario. NO SE ACEPTAN LINKS DE REFERIDOS para que los comentarios no se conviertan simplemente en una forma de publicitarse.
Elegir un botón o imagen, Seleccionar, copiar (Ctrl+C) y pegar en formulario de comentarios.
Nota: solo los miembros de este blog pueden publicar comentarios.