Gadget Formulario de Contacto de Blogger

Blogger a incorporado un nuevo widget. Se trata de un formulario de contacto que podrás agregar a tu blog fácilmente.

Para ponerlo en tu blog, solo tienes que ir a la pestaña Diseño, luego haces click en agregar gadget en la sección que quieres que aparezca, por ejemplo, en la columna lateral. Después, seleccionas la pestaña Más gadgets y luego lo agregas.

CARATERISTICAS:

El formulario de contacto de Blogger, cuenta con las siguientes características:

• Campo para el nombre del usuario
• Campo para el correo electrónico
• Campo para el mensaje (textarea)
• Botón para enviar

PERSONALIZAR EL GADGET:

Ahora añadiremos algunos estilos para personalizar nuestro formulario de contacto.

1.Vamos a Plantilla - Editar HTML.

2.Con ayuda de CTRL+F buscamos ]]></b:skin> y antes de éste pegamos lo siguiente:

.contact-form-widget { /*contenedor del gadget, estilos de texto */
width: 400px;
max-width: 100%;
margin: 0 auto;
padding: 10px;
font-size:12px;
font-weight: bold;
text-align: left;
}
.contact-form-name, .contact-form-email, .contact-form-email-message, .contact-form-button-submit { /*estilos de las cajas */
color: #000000;
width: 100%;
max-width: 100%;
margin-bottom: 5px;
border: 1px solid #A9A9A9;
background-color: #F2F2F2;
}
.contact-form-button-submit { /*estilos del botón */
width: 100px;
background: #F6F4DA;
border: 1px solid #000000;
color: #FFFFFF;

}

3.Modificamos los estilos a nuestro gusto, verificamos que todo esté bien y le damos clic en Guardar plantilla.

Fuente: Página oficial de Blogger en Google+