03 marzo 2011

Personalizar el formulario de comentarios

Al dejar un comentario en un blog de blogger nos podemos encontrar con tres métodos: encontrar el formulario de comentarios incrustado bajo el artículo, un enlace que abre el formulario en una ventana emergente u otro que nos conduzca directamente a una página aparte en la que está el formulario.

Concretamente, comenzaremos a sacarle el máximo partido para editar prácticamente todo lo que lo compone, en los comentarios incrustados bajo el artículo.
Para mostrar el formulario de comentarios bajo las entradas, sigue estos pasos:

Diseño>Configuración>Comentarios

Busca este apartado:

Y marca la casilla que dice Entrada incrustada a continuación.

Finalmente guarda la configuración.

Una vez realizado estos cambios, procedemos a modificar la caja de comentarios:

Diseño>Edición de HTML>expandimos artilugios

1) El primer paso será centrar el formulario de comentarios. Para ello, busca la etiqueta ]]></b:skin> y pega este bloque de CSS encima:

/* Formulario coment personalizado */

.comment-form {
color: #ffffff;/*COLOR TEXTO*/
background: #821515;/*COLOR DE FONDO*/
border:2px solid #cccccc;/*COLOR BORDE*/
height:430px;
margin:0 auto;
padding:10px;
width:400px;
}

/*COLOR TEXTO*/:#ffffff Representa el color del texto (blanco). Puedes editarlo al reemplazar #ffffff por el código del color escogido en la tabla de colores.

/*COLOR DE FONDO*/#821515 Representa el fondo del recuadro (rojo). Puedes editarlo con ayuda de la tabla de colores.
También puedes colocar una imagen si lo deseas, tan solo borrando: background: #821515; y colocando esto en su lugar: background: transparent url("DIRECCION DE LA IMAGEN") repeat top left;
Este es el método que he adoptado para mi blog, lo podréis observar al comentar en mi blog.

/*COLOR BORDE*/ 2px solid#cccccc Es el borde que tendrá el recuadro. El grosor, 2 píxel, puede aumentarse o disminuirse, de color gris al no ser que sustituyas dicho valor hexadecimal (#cccccc) por el de tu color favorito.

2) Seguidamente vamos a editar el texto "Publicar un comentario en la entrada" que aparece encima de nuestro formulario.

Si tu formulario de comentarios ya está incrustado bajo la entrada y quieres cambiar la típica frase que hace de título para el formulario sólo debes seguir mis pasos...

Diseño>edición HTML>expandimos artilugios


Busca este bloque en tu plantilla:(f3 o ctrl+f):

<div class='comment-form'>
<a name='comment-form'/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>

Ahora sólo debes eliminar la línea que te muestro en negrita..
<data:postCommentMsg/>

Y escribir la frase que tu quieras, por ejemplo "Escribe tu opinión..."

Puedes editarlo a tu gusto y personalizar los colores. Guarda la plantilla para terminar.

El resultado será muy similar al que puedes ver en la siguiente imagen:


Escrito por:

Mi nombre es Antonio, soy sobre todo Sevillista y apasionado con los blog desde el 2007.

Sígueme en: | Facebook | Twitter | Google+

9 comentarios

Pues a mi no se me cambia.... :-(

@Santiago Mora
Santi, busca esto en tu plantilla y sustituye lo que hay dentro por el código.
Siempre guardando tu plantilla antes,por si acaso.
#comment-form iframe{borra lo que hay y pega el codigo aquí}
osea esto:entre los paréntesis
color: #ffffff;
background: #821515;
border:2px solid #cccccc;
height:430px;
margin:0 auto;
padding:10px;
width:400px;

Antonio, perdonano haberte respondido a tu mens de twitter.
Por lo que me has escrito en mi blog, entonces si lo tengo como popuo no puedo configurar el color ¿no?
El problema es que (no sé por qué) cuando lo tenía incrustado daba problemas a veces al comentar y desde que lo tengo así no. Sé que es algo que en principio no tiene sentido, y quizás es casualidad, pero ahora me funciona bien..

Gracias

@Santiago Mora
Puedes colocarlo incrustado y aparte como popup.
Si observas mi blog, lo tengo de las dos formas, incrustado y una imagen que dice comentar popup.
Más tarde explicaré la forma de colocarlo de esa forma, queda de lujo.

Gracias man me gusta mucho tu blog ! te sigo !

Rapidayuda
!Gracias!

Buenas dias, disculpa por salirme un poco del tema pero vi que tienes una pestaña emergente que aparece automaticamente al bajar la pagina de tu blog. Tienes algun tuto de como implementarlo? Saludos y gracias de antemano!

te hago una consulta..a mi me gusta el que esta pero me gustaria cambiarle el color de fondo, ya que mi blog es gris oscuro y el blanco desentona..esto se puede?.Sldos

Jose Luis, esta entrada se refería a los antiguos comentarios de blogger, con los nuevos de Google no se puede.


Por favor, comente de acuerdo al tema del artículo.
Serán removidos todos los Comentarios con enlaces.
Si quieres recibir los nuevos comentarios marca "Avisarme"