Formulario de comentarios encima de los comentarios publicados

Hace unos días tuve una idea un tanto interesante. La pensé bien y la puse en práctica cuanto antes.

Nada más y nada menos que ½ hora fué el tiempo que estuve probando y probando con distintas formas para intentar "dar vida" a mi pequeña ocurrencia:

Incrustar el formulario de comentarios que ofrece blogger, encima de los comentarios que publican los visitantes...

Antes de comenzar con el truco debes revisar que tu blog tenga el formulario de comentarios incrustado al final de las entradas. Si no sabes como configurarlo sigue estos pasos:

Configuración > Comentarios > Ubicación del formulario de comentarios > Entrada incrustada a continuación

Una vez hayas guardado los cambios podremos comenzar.

Diseño>edición HTML>expandimos artilugios

Busca la etiqueta ]]></b:skin> y encima añade este bloque de CSS:

.comment-form{
visibility: hidden;
display: none;
}

Acabamos de incluir unas líneas que ocultarán el formulario actual. Seguidamente, incluiremos otro formulario que colocaremos como puedes ver en la imagen de arriba.

Busca esta línea:

<b:includable id='comments' var='post'>

Un poco más abajo verás este bloque:

<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>

Justo debajo añade lo siguiente:

<div class='comment-form2'>
<a name='comment-form2'/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
</script>
</div>

Por último, guarda cambios.

Dirígete a una entrada cualquiera y escribe un comentario de prueba. ¡Comprobarás que aparece debajo del formulario!

Esta es una simple forma de cambiar un poco la estructura del blog.