 |
| Clic para agrandar (+) |
El formulario de comentarios en Blogger peca de soso, muy pobre y nada alegre a la vista. Con este truco diremos adios a todo eso ya que efectuaremos un diseño acorde con lo que todos nos gustaría: un formulario elegante (no olvidemos que lo verán los comentaristas de nuestro blog). Le pondremos una imagen de cabecera y un fondo con borde estiloso.
DISEÑO DE MENSAJE
Para este primer caso, sustituiremos el clásico enlace "Publicar un comentario en la entrada" por una imagen. En el ejemplo, es la imagen conjunta de "Publica tu bibliofília" y "¡Participa y opina! ¿Qué piensas?".
- Ubicación: plantilla.
- Proceso:
1.) Buscar este bloque de códigos
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
2.) Y seguidamente sustituir la línea en verde y subrayada por esta otra <img src="URL DE LA IMAGEN"/> (la imagen puede crearse en MyLiveSignature o Cool Text).
DISEÑO DEL CAJÓN O VENTANA DE COMENTARIOS
Ahora toca diseñar el cajoncito de comentarios. Se podrá visualizar una imagen como fondo, la cual se aconseja sea de colores o tonos pastel para no desentonar mucho. En el ejemplo se ve que el fondo es de un grisáceo claro.
- Ubicación: plantilla.
- Proceso:
>> Buscar este código ]]></b:skin> y antes de éste pegar lo siguiente (es perfectamente modificable acorde a los gustos personales):
.comment-form {
background:#c0c0c0 url (url de la imagen si queremos fondo);
margin: 0 auto;
border:2px dashed #000;
padding-left:5px;
padding-right:5px;
}
NOTA IMPORTANTE: este truco es incompatible con los comentarios anidados. Si se aplica este la imagen del diseño de mensaje del formulario ("Publica tu bibliofília...") no saldrá visualizada si hay comentarios en la entrada (tan solo basta con que haya uno solo). Si no hay comentarios, el diseño completo del formulario se verá perfectamente.
