Bienvenido a bloggertrucos.com un espacio para el blogger moderno donde buscar soluciones a nuestros problemas de cada día.

Como agregar un formulario de contacto con el gadget oficial de Blogger

Anteriormente instalar o agregar un formulario de contacto en Blogger era algo que debíamos encontrar la forma de hacerlo pero finalmente Google ha escuchado a los usuarios y recientemente lanzo un gadget oficial.

Como instalar el gadget del formulario de contacto.

Lo primero que debemos de hacer en entrar a nuestra cuenta de Blogger.
Seleccionamos el blog donde a usar y seleccionamos la opción “Diseño“.

Hacemos clic en “Agregar gadget” y seleccionamos “Formulario de contacto“.

Con un poco de efecto con CSS podemos personalizar el formulario, pegamos el siguiente código en el blog:

/* Contact Form Container */
.contact-form-widget {
width: 500px;
max-width: 100%;
margin: 0 auto;
padding: 10px;
background: #F8F8F8;
color: #000;
border: 1px solid #C1C1C1;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
border-radius: 10px;
}
/* Fields and submit button */
.contact-form-name, .contact-form-email, .contact-form-email-message {
width: 100%;
max-width: 100%;
margin-bottom: 10px;
}
/* Submit button style */
.contact-form-button-submit {
border-color: #C1C1C1;
background: #E3E3E3;
color: #585858;
width: 20%;
max-width: 20%;
margin-bottom: 10px;
}
/* Submit button on mouseover */
.contact-form-button-submit:hover{
background: #4C8EF9;
color: #ffffff;
border: 1px solid #FAFAFA;
}

A pesar de que el formulario fue lanzado como un gaget oficial de blogger, también podemos instalarlo en una pagina de Blogger. Aqui el tuto completo de como lograrlo.

Show Comments

No Responses Yet

Leave a Reply