Agregando Formulario de Comentarios

Gracias a la página de http://www.jackbook.com/ tenemos esta personalización de los comentarios que muchos han andado buscado.

Primera Parte:

Pasos:


1.- Ingresa a la siguiente página, que es un borrador de tu panel de administración de blogger Draft Blogger.

2.- Ve al menú Configuración de tu Blog, y luego a Comentarios. Aquí debes activar la casilla que dice "Entrada incrustada a continuación"

Como lo muestra la siguiente imagen:

Si ya ves los comentarios debajo de tus post. Estas listo!!, eso ha sido todo.

Si aun no los ves, entonces debes hacer lo siguiente:

Segunda Parte:

Pasos:

1.- Ingresa a tu Panel de administracion de blogger, y selecciona el blog donde quieres realizar tus cambios.

2.- Ir al menú Diseño (Layout), luego a Edición de HTML (Edit HTML)


3.- Expande tu template, es decir, haz click en el cuadro de Expandir plantillas de artilugios (Expand Widget Templates).

4.- Antes de hacer cualquier cambio, es mejor que guardes tu plantilla, copia todo el código que ves y guárdalo en algún documento word.

5.-Busca las siguientes lineas de código

COPIA EL CÓDIGO

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

Puedes utilizar el buscador de tu navegador, para esto simplemente ve al menú editar de explorer o firefox, y luego buscar. Ahora escribe <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> y pincha el boton.

Generalmente este código esta debajo de un

</b:loop>
</dl>

6.- Ahora simplemente necesitas reemplazar este código por el siguiente: (fíjate bien de adonde hasta donde tienes que reemplazar, en este caso es desde <p hasta </p>

COPIA EL CÓDIGO

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

Debieran obtener como resultado algo así:

Listo, eso es todo ahora ya tienes tus comentarios mas personalizados