Blogger Fenix: el formulario de comentarios

Sin más trámite, vamos con el formulario de comentarios.

Para esto, lo primero que debemos hacer es habilitar la opción correspondiente ingresando a nuestro blog a través de Blogger Draft. Allí, en Configuración | Comentarios, podemos ver esto:

Marcamos entonces Entrada incrustada y guardamos.

De ahora en adelante, podemos seguir trabajando en Blogger Draft o en Blogger "normal", es indistinto.

Con cualquier plantilla nueva, el resultado será instantáneo; el problema surge con las plantillas que ya tenemos. En ese caso, necesitamos agregar los códigos correspondientes y, en principio, no hay que deshabilitar ningún otro hack realizado.

Vamos a Diseño de la plantilla | Edición HTML, y expandimos los artilugios. Hay dos códigos que debemos insertar; el primero lo podemos poner en cualquier parte justo antes de una instrucción </b:includable>. Par seguir el mismo esquema que usa Blogger, podríamos ubicarlo así:

.......
<:/b:includable>
[... aquí insertamos el código ...]
<:b:includable id='backlinkDeleteIcon' var='backlink'>
.......

En esa parte, lo que debemos insertar es lo siguiente:

<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<h3><data:postCommentMsg/></h3>
<p><data:blogCommentMessage/></p>
<iframe allowtransparency='true'
expr:src='data:post.commentFormIframeSrc'
frameborder='0' height='275'
id='comment-editor' scrolling='auto' width='100%'/>
</div>
</b:includable>

Ahora la segunda parte; para eso debemos buscar algo así:

<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/>
</a>
</p>

Y lo reemplazamos por esto:

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/>
</a>
</b:if>
</b:if>
</p>

Eso, sería todo. Si guardamos la plantilla debería funcionar sin problemas y adaptarse al color de fondo del blog.

• El formulario trabaja con cuentas de Google, OpenID, nombre/URL y anónimos; es decir, con los mismos modos que el formulario común.
• Si tenemos un mensaje personalizado en el formulario se verá igual y se integrará al nuevo modelo.
• Si utilizamos la verificación de palabras se mostrará en una pequeña caja de diálogo.
• Por el momento, el seguimiento via mail de los comentarios no está habilitado.

Si usamos una etiqueta clásica, dicen que la etiqueta que debemos usar es :
<$BlogItemCreate$>

Un detalle fundamental es que ese formulario no es un agregado común, es un <iframe> con todo lo que eso significa, un elemento externo a nuestra página que Blogger sigue controlando y al que no será sencillo personalizar.

Los botones son lo que son, el área de textos es lo que es; nada de esto es modificable aunque hay ciertos detalles que podemos mejorar. Estas son las clases CSS que son accesibles y los valores que estoy usando en este blog:

.comment-form {  /* este el rectángulo general */
margin: 0 auto;   /* lo centro en el área de posts */
width: 400px;  /* le doy un ancho para poder centrarlo */
}
.comment-form h3 { /* este es el título que por defecto es "Publicar un comentario" */
[... propiedades del texto  ...]
}
.comment-form p { /* este es el mensaje personalizado */
[... propiedades del texto  ...]
}
#comment-editor { /* es el IFRAME */
height: 200px; /* le doy un alto menor */
width: 400px; /* le doy un ancho menor, por defecto es el 100% */
}

Los enlaces a usar son los que están definidos o los podemos cambiar para que nos dirijan a diferentes posiciones del post. En la plantilla, este es un enlace al inicio de las entradas individuales:

<a expr:href='data:post.url'> ENLACE </a>

Este, es un enlace al formulario de comentarios:

<a expr:href='data:post.addCommentUrl'> ENLACE </a>

Este, es un enlace al inicio de los comentarios:

<a class='comment-link' expr:href='data:post.url + &quot;#comments&quot;'> ENLACE </a>

Por ahora, disfrutemos lo que hay y en un par de días reiniciaremos las quejas.

ANTE ALGUNAS DUDAS:

• Solución a algunos problemas con los formularios de comentarios
• Haciendo que furulen los comentarios :-)