Globedia.com

×
×

Error de autenticación

Ha habido un problema a la hora de conectarse a la red social. Por favor intentalo de nuevo

Si el problema persiste, nos lo puedes decir AQUÍ

×
cross

Suscribete para recibir las noticias más relevantes

×
Recibir alertas

¿Quieres recibir una notificación por email cada vez que Gadgetsblogger escriba una noticia?

Como agregar un formulario de contacto personalizado en Blogger

20/06/2014 12:40 0 Comentarios Lectura: ( palabras)

Anteriomente les habiamos comentado sobre como crear o agregar un formulario de contacto en Blogger usando un servicio externo, pero no hace mucho tiempo Blogger ha lanzado un gadget oficial que agrega un formulario con un solo clic en nuestra barra lateral o tambien dentro de una pagina en Blogger.

Lo que en esta ocasion haremos es usar el codigo generado por el gadget y lo usaremos dentro de una pagina en tu blog, pero la daremos un mejor estilo y personalización con CSS. El mensaje que tus usuarios envien llegará al email que tienes registrado en Blogger o con el que tienes la cuenta.

image

Lo primero a hacer es crear una pagina en Blogger y seleccion la pestaña o edición "HTML" y pegamos el siguiente código:

@media screen and (-webkit-min-device-pixel-ratio:0) {

.contact-form-name {

background: #FFF url(http://2.bp.blogspot.com/-bNZePDihTPU/UZ-lhWAHXqI/AAAAAAAAJuo/aSVVE_A6HpE/s320/name.png) no-repeat 7px 6px;

padding: 15px 15px 15px 28px;

}

.contact-form-email {

background: #FFF url(http://3.bp.blogspot.com/-Wf_IBW4cEts/UZ-li4SsnvI/AAAAAAAAJuw/qYAi9lghY1E/s320/email.png) no-repeat 7px 8px;

padding: 15px 15px 15px 28px;

}

.contact-form-email:hover, .contact-form-name:hover{

padding: 15px 15px 15px 28px;

}

.contact-form-button {

height: 28px;

}

}

Guardas los cambios y podrás ver como el formulario queda mucho mejor. El formulario lo puedes usar tanto dentro de un gadget HTML en tu sidebar o dentro de una pagina como explicamos anteriormente.

Fuente


Sobre esta noticia

Autor:
Gadgetsblogger (180 noticias)
Fuente:
gadgets-blogger-gratis.blogspot.com
Visitas:
2244
Tipo:
Reportaje
Licencia:
Distribución gratuita
¿Problemas con esta noticia?
×
Denunciar esta noticia por

Denunciar

Comentarios

Aún no hay comentarios en esta noticia.