Usar dos opciones para comentar

Si estas usando el nuevo formulario incrustado de Blogger para recibir los comentarios en tu blog, este sistema te dará la posibilidad de ofrecer a tus visitas el comentar con el formulario antiguo de forma opcional.

Ambas opciones serán visibles debajo de cada entrada y nuestras visitas tendrán la posibilidad de escoger la que quieran.

[1] Localizamos el código que muestra el formulario incrustado:

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

[2] Justo debajo de ese código, añadimos este otro para mostrar el enlace "Comentar con el antiguo formulario" y que este se abra en ventana pop-up:

<div class='comment-antiguos'>
<a expr:href='&quot;http://www.blogger.com/comment.g?blogID=XXXXXXXXXX&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450&quot;); return false;' rel='nofollow'><b>Comentar con el antiguo formulario</b></a></div>

[3] Si lo que queremos es que el enlace se abra para comentar en página nueva, en lugar del código anterior, colocamos este:

<div class='comment-antiguos'>
<a expr:href='&quot;http://www.blogger.com/comment.g?blogID=XXXXXXXXXX&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&quot;' rel='nofollow'><b>Comentar con el antiguo formulario</b></a></div>

[4] Una vez tengamos el código colocado, tenemos que sustituir las XXXXXXXX que he resaltado en negrita por la ID de nuestro blog.
Si miramos desde donde estamos situados en este momento (Edición HTML) hacia arriba, en la url de nuestro navegador se mostrará una serie de números que son los que hemos de copiar y pegar en lugar de las XXXXXXX (solo los números).


[5] Por último solo nos quedaría añadir un poco de CSS (antes de ]]></b:skin>) para darle estilo al enlace:

#comment-antiguos {
margin:0 auto;
width:410px;
font-weight: bold;
padding-bottom:50px;
font-size:17px;
}

Este último código CSS es exactamente el que estoy usando yo en el blog, cada uno habrá de adaptarlo a sus propias necesidades.