"Iluminar" Comentarios" (II)

Yaquí viene la siguiente, por obra y gracia de Hackosphere, que consiste en mostrar un pixel-button cuando responde a un comentario el autor de su entrada (también despliega los comentarios en la entrada).

Podéis verlo trabajar en "Ayuda&Kaos" Y EN ESTE BLOG (picad en el "more" de cualquiera de los comentarios en la sidebar derecha, y os llevará a la entrada y sus comentarios. Allí podéis ver cómo queda el hack).

1º.- Id a Edición de Plantilla y quedaos en la definición de los comentarios en el body; algo como ésto:

.comment-body {
margin:0;
padding:0 0 0 20px;
}
.comment-body p {
font-size:100%;
margin:0 0 .2em 0;
}

Añadid y cambiad como queráis (color, fuente...) lo siguiente:

.comment-body-author {
margin:0;
padding:0 0 0 20px;
}
.comment-body-author p {
font-size:100%;
margin:0 0 .2em 0;
color:#CC3300;
text-decoration:bold;
}

2º.- Bajad la plantilla y encontrad el id="comments-block", para dejarlo así:

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

said...

</dt>



<b:if cond='data:comment.author == data:post.author'>

<dd class='comment-body-author'>

<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 expr:class='"item-control " + data:comment.adminClass'>

<form target='_blank' action='http://www.anniyalogam.com/scripts/notify.php' method='POST'>

<input type='hidden' name='profile' expr:value='data:comment.authorUrl'/>

<input type='hidden' name='nickname' expr:value='data:post.author'/>

<input type='hidden' name='post_title' expr:value='data:post.title'/>

<input type='hidden' name='post_link' expr:value='data:post.url'/>

<input src='http://www.anniyalogam.com/1clickbutton.png' type='image'/>

</form>

</span>



<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 que lo apliquéis, veréis que los comentarios del autor de la entrada se muestran en color distinto a los otros y que, al picar en el pixel-button, se enviará un correo con la respuesta del autor al nik que emitió el comentario. Ramani ha creado un "plus" de seguridad para este hack: sólo puede ser visualizao el pixel por los visitantes CUANDO EL DUEÑO DEL BLOG ESTÁ EN SU CUENTA DE BLOGGER. Mientras tanto, no se ve un pimiento... por si acaso...