Entrada

Gadget de Formulario de Contacto en Blogger

Hace poco una de las nuevas novedades lanzadas por Blogger ha sido por fin el formulario de contacto nativo de Blogger, si por fin lo tenemos en Blogger.

El formulario se ve de la siguiente forma:


Formulario de Contacto en Blogger

Para añadir el gadget ve a Diseño, Añadir gadget, Mas gadgets, Formulario de Contacto.


Desde allí solo podrás configurar el titulo del gadget, pero gracias al CSS, mas exactamente con la propiedad .contact-form, se pueden personalizar ciertos atributos:

/* Contenedor general */
.contact-form-widget {
width: 280px;
max-width: 100%;
margin: 0 auto;
padding: 10px;
background: #87CEEB;
color: #000;
}
/* Cajas de los datos y botón de envío */
.contact-form-name, .contact-form-email, .contact-form-email-message, .contact-form-button-submit {
width: 100%;
max-width: 100%;
margin-bottom: 10px;
}
.contact-form-button-submit {
border-color: #87CEEB;
background: #4682B4;
color: #fff;
}


Quedando el formulario de la siguiente manera:


Este es un gadget muy nuevo por lo que hay todavía algunos detalles sin definir, pero con un poco de ingenio se puede dejar un formulario de contacto bastante profesional y elegante como el de la imagen anterior.

Vía/ Oloblogger


Comentarios Facebook { }
Comentarios Blogger { 0 }

Publicar un comentario

Subscribe

Post Recomendado deslizante para blogger