Mil Trucos Blogger

Gadget de Formulario de Contacto en Blogger

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

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

0
Shares

Relacionados...

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

13 Comentarios

  1. Mayo 17, 2013    

    HOLA, GRACIAS POR LA INFO, PERO ABRA ALGUNA MANERA DE QUE LOS MENSAJES VAYAN A OTRO MAIL QUE NO SEA GMAIL?

    • Julio 4, 2013    

      Los mensaje van automáticamente a Gmail y eso no se puede cambiar.

      Saludos

    • Agosto 25, 2013    

      Hola, Quiza te sirva. Gmail permite redireccionar un correo especifico a otra direccion, asi te puede servir.
      Configuración>Filtros>”Añades correo”>reenviar “a correo”>
      Si no tienes correos agregados, puedes hacerlo en: Configuración>Reenvío y correo POP/IMAP>Añadir una dirección de reenvío
      Saludos

  2. Anonymous Anonymous
    Julio 3, 2013    

    Hola como lo hago ?, para editarlo?

    • Julio 4, 2013    

      Amigo con CSS se puede editar el aspecto visual así como yo lo he logrado, solo comienza a jugar con el CSS.

      Saludos

  3. Julio 17, 2013    

    Hola
    Esto sirve para vistas dinámicas? porque a mi no me sale en una plantilla con vista dinámica.

  4. Julio 19, 2013    

    Hey, pero como lo puedo poner en una Pagina Estatica o en una entrada Especifica ?????

  5. Julio 19, 2013    

    Como hago para que aparezca en una pagina Estatica o en una entrada especifica ?

  6. Julio 19, 2013    

    Hey, pero como lo puedo poner en una Pagina Estatica o en una entrada Especifica ?????

  7. Anonymous Anonymous
    Agosto 16, 2013    

    Mi blog está asociada a mi correo gMail, pero los mensajes no me llegan, mis seguidores ya se han quejado por eso.. porque mandan los mensajes pero estos quien sabe donde van a dar, solo Dios lo sabe… Ayuda por favor..

  8. David David
    Octubre 22, 2013    

    Mi idea era insertar el nuevo gadget de
    formulario de contacto de Blogger pero no me convenció: campos limitados, no
    poder configurar destinatario, no poder enviar a múltiples destinatarios, no
    poder incluir campo captcha,… al final opté por otra opción, podéis ver los
    detalles en http://www.areatic.net/2013/10/blogger-formulario-de-contacto-en-una.html

  9. Juvinao Juvinao
    Octubre 24, 2013    

    David yo también he optado por otro sistema de formulario de contacto, que aunque es sencillo es todo lo que necesito.

    Saludos

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Categorías

Síguenos en Facebook

Suscribete por Email

Introduce tu Correo:

Recibiras nuestros últimos posts en tu correo