Como destacar los comentarios del autor en tu blog






Este es un truco tan sencillo como maravilloso ya que nos permite destacar los comentarios que escribimos como autores de nuestro blog entre los distintos comentarios de los lectores.

Guardamos nuestra plantilla actual como siempre antes de modificar nada. Entramos en edicion html y expandimos los artilugios. Una vez hecho esto buscamos la parte de codigo que hace referencia a los comentarios y añadimos el código en azul.


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



Una vez añadido este codigo, tendremos que poner el estilo que queremos que tenga nuestro comentario asique buscamos la parte css de nuestra plantilla (justo encima de ]]></b:) y añadimos lo siguiente:


blog-author-comment {
margin:.25em 0 0;
}

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


Con estos sencillos pasos haremos que nuestro comentario destaque sobre los demas, cosa que vendra muy bien a nuestros visitantes a la hora de resolver sus dudas y nos encuentren facilmente.

Para personalizar el estilo del comentario a vuestro gusto lo podréis hacer cambiando los valores de estas lineas:


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

Espero que no os sea muy complicado y que os dirva de ayuda, aqui os dejo un ejemplo con mi comentario personalizado:




¿No te funcionan los cambios?
¿Deseas añadir algo nuevo y no sabes como?
Nosotros lo hacemos por ti

5 comentarios:

Raúl Rubio dijo...
17 de abril de 2009, 22:35  

No se por que, pero por alguna razon no me va este truco... he hecho todo lo que me pone en el tutorial y no me sale nada de nada, ni en los comentarios antiguos ni en los nuevos... ademas somos tres autores autorizados en el blog, y a ninguno de los tres nos aparece resaltado.... a que puede ser debido?? gracias anticipadas.

Un saludo.

Javi dijo...

Hola raul, necesitaria que me dieras más datos para saber que puede estar fallando. Lo primero que deberíais hacer es comprobar que habéis añadido el código correctamente en la parte adecuada. Es raro que despues de añadir un código a vuestra plantilla no noteis ninguna diferencia, aunque no este correctamente integrado algo saldrá raro que nos pueda dar alguna pista. Un saludo

! Manolinvicio dijo...
28 de agosto de 2009, 4:54  

Pues a mi tampoco me sale nada, y lo he repasado muy bien.

Un fantastico espacio, gracias por la ayuda, aunque esta vez no me salga este truco...

Lo dejare puesto, haber si le da por arrancar.jajajajaja.

Damian Omar Silva dijo...
22 de febrero de 2010, 1:31  

salió muy bien. mucho cuidado y paciencia... pero de primera

Omar dijo...
29 de marzo de 2010, 23:17  

hola amigo lo que es este truco y el de los emoticons no me funcionan ni probando de varias maneras un saludo espero me puedas ayudar ;)

Cuéntanos que te ha parecido este artículo

Emoticonos en blogger
:) :'( :( :P :D :$ ;) :-I :-X :o :O |O :\

Traductor

Suscríbete vía email

Introduce tu dirección de correo:

Suscríbete

Seguidores