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