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

0
Shares

13 thoughts on “Gadget de Formulario de Contacto en Blogger

  • mayo 17, 2013 en 10:25 pm
    Permalink

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

    Responder
    • agosto 25, 2013 en 12:25 pm
      Permalink

      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

      Responder
  • julio 3, 2013 en 9:06 pm
    Permalink

    Hola como lo hago ?, para editarlo?

    Responder
    • julio 4, 2013 en 9:19 pm
      Permalink

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

      Saludos

      Responder
  • julio 17, 2013 en 5:07 pm
    Permalink

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

    Responder
  • julio 19, 2013 en 3:36 am
    Permalink

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

    Responder
  • julio 19, 2013 en 3:37 am
    Permalink

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

    Responder
  • julio 19, 2013 en 3:37 am
    Permalink

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

    Responder
  • agosto 16, 2013 en 6:40 am
    Permalink

    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..

    Responder
  • octubre 24, 2013 en 7:57 pm
    Permalink

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

    Saludos

    Responder

Deja un comentario

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