Formulario de comentarios con LightWindow

Esta idea de egoloco que, generosamente permite compartir, es una variante muy interesante de un script que abre los comentarios en una ventana modal; en este caso, usando LightWindow.

El script original ya tiene bastante tiempo y luego, sufrió una modificación cuando Blogger incorporó los comentarios incrustados y era así:.

<script type='text/javascript'>
var viejoEnlace = &quot;http://www.blogger.com/comment.g?blogID=XXXXXXX&amp;postID=<data:post.id/>&quot;;
var nuevoEnlace = viejoEnlace + &quot;&amp;isPopup=true#form&quot;
var enlacePopup = &quot;&lt;a id=\&quot;comPopUp\&quot; class=\&quot;lightwindow\&quot; href=\&quot;&quot; + nuevoEnlace + &quot;\&quot; params=\&quot;lightwindow_width=480,lightwindow_height=600,lightwindow_loading_animation=true\&quot;&gt; TEXTO o IMAGEN &lt;/a&gt;&quot;
document.write(enlacePopup);
</script>

Bastante confuso para leer pero, en realidad, simple, sólo se crea un enlace para abrir una ventana modal de cierto tamano y la dirección URL a utilizar es de la vieja página de comentarios de Blogger:

http://www.blogger.com/comment.g?blogID=XXXXXXX&postID=XXXXXXX

Y todo lo que había que hacer era colocar el ID de nuestro blog.

Usando el mismo criterio, en lugar de abrir toda la página, es decir, los comentarios y debajo el formulario, podría usarse una URL distinta para abrir el formulario y nada más, lo cual puede ser una alternativa interesnte para aplicar en la página principal o en las páginas de navegación. La URL sería esta:

http://www.blogger.com/comment-iframe.g?blogID=XXXXXXX&postID=XXXXXXX

Así que podemos usar el mismo script anterior, modificando sólo ese dato y claro, colocando siempre el ID de nuestro sitio:

<script type='text/javascript'>
var viejoEnlace = &quot;http://www.blogger.com/comment-iframe.g?blogID=XXXXXXX&amp;postID=<data:post.id/>&quot;;
var nuevoEnlace = viejoEnlace + &quot;&amp;isPopup=true#form&quot;
var enlacePopup = &quot;&lt;a id=\&quot;comPopUp\&quot; class=\&quot;lightwindow\&quot; href=\&quot;&quot; + nuevoEnlace + &quot;\&quot; params=\&quot;lightwindow_width=480,lightwindow_height=600,lightwindow_loading_animation=true\&quot;&gt; TEXTO o IMAGEN &lt;/a&gt;&quot;
document.write(enlacePopup);
</script>

Este script, podemos colocarlo en cualquier parte dentro el footer de nuestras entradas y además, si queremos condicionarlo para que no se vea en las paginas individuales, haríamos esto:

<b:if cond='data:blog.pageType != &quot;item&quot;'>
  ... y aquí ponemos el script ...
</b:if>

Aqui hay un ejemplo práctico y se lo puede ver en funcionamiento a pleno en el blog de egoloco.