Comentarios en Ventana modal

Otra forma muy estética y fácil de instalar en el blog es en forma de una ventana modal, muy parecida a la de LightWindow, pero más sencilla y parecida a la original de Blogger, pero que puedes hacerles unos toquecitos de color y bordes...

Este modelo lo encontré en mis visitas al blog de Pizcos y me pareció muy buena... En especial para los que no tienen mucho conocimiento, pues, como dije antes, es sumamente fácil de instalar y modificar, solo requiere sustituir unos códigos y agregar un HTML.

(1) Edición/HTML, expandimos los artilugios y buscamos este trozo de código:

<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</span>

Lo sustituímos completamente por este:

<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:onclick='"javascript:showcom(\"" + data:post.addCommentUrl + "&amp;isPopup=true\");"' href='javascript:void(0);'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</span>

Ahora hacemos click a la vista previa. Si todo ha salido bien el blog debería verse sin menores contratiempos (Recuerda siempre hacer tu copia de seguridad antes de cualquier cambio).

(2) Vamos a Diseño/Agregar elemento HTML y agregamos este script, está alojado en un servidor, recomiendo que lo subas al tuyo para evitar cualquier cambio que lo afecte:

<script src="http://technojuice10.googlepages.com/compop.js" type="text/javascript"></script>

- Hasta aquí es todo. Ya tenemos los comentarios en una ventanita muy cuca, ahora podemos modificar tamaño, borde, color... Suerte!.