Escriba aquí para obtener resultados de búsqueda !

Cómo insertar un formulario de contacto en Blogger


Si bien es cierto el formulario de contacto como tal no es obligatorio, si lo es el tener una página aparte con tus datos personales, redes sociales y dirección para que tus usuarios te puedan contactar.
PUBLICIDAD
 
 
Este apartado lo exige Google AdSense para la monetización y es muy importante que tú página o sitio web cuente con este recurso de comunicación entre tu sitio y los usuarios de la página.
 
Noticias Relacionadas:
 
Como te lo acabo de explicar, el formulario como tal no es obligatorio; pero tu información de contacto si que lo es y mucho. Para ello, si te inclinas por un formulario de contacto; déjame decirte que Blogger en su estructura por defecto cuenta con un gadget de formulario de contacto.
 
Para insertar este formulario en tu blog o sitio web, solo tienes que seguir los siguientes pasos:

1.  Ingresas a Blogger.

2.  Das clic en Diseño.

3. Escoges el lugar de tu plantilla donde deseas mostrar el formulario de contacto.

4.  Seleccionar Añadir un Gadget.

5. Escoges el icono que es un sobre azul que indica Formulario de Contacto, y ¡listo!
 
 
Esto es todo para insertar el formulario de contacto que por defecto viene con la plataforma Blogger. Tú gadget del formulario se agregará en la pestaña lateral de tú blog.
PUBLICIDAD
 
 
Por otro lado, si lo que quieres es que tú formulario de contacto aparezca en tú menú principal en una página aparte, pero que no aparezca en la plantilla después de seguir los pasos anteriormente explicados, debes hacer lo siguiente en la plataforma de Blogger:
 
  1. Vete a Tema y selecciona la opción Editar HTML. 
  2. Luego busca esta línea de código
 
]]></b:skin>:
 
  1. Para que la puedas encontrar dar clic dentro del cuadro del código HTML y presionas CONTROL + F y se te abrirá un buscador y allí pegas el código.
 
  1. Al localizar su ubicación, justo encima de esa línea de código pega el siguiente:
 
#ContactForm1{display: nome !important;} 
 
  1. Finalmente, guarda tú plantilla.

Esto hará que no se muestre el formulario en la plantilla.
 
Paso seguido, deberás colocar el Formulario de Contacto en una página, para ello debes crear una página nueva.
 
Noticias Relacionadas:
 
Una vez dentro de la página nueva que has creado, cambia a la versión de HTML en la esquina superior izquierda de la página.
 
En esta parte debes copia y pega el siguiente código:
 

En esta parte debes copia y pega el siguiente código:

 

<form name="contact-form">

 

<div>

 

Your Name : <em>(required)</em></div>

 

<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />

 

<br />

 

<div>

 

Your Email: <em>(required)</em></div>

 

<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />

 

<br />

 

<div>

 

Your Message: </div>

 

<textarea class="contact-form-email-message" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>

 

<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Send" />

 

<br />

 

<div style="max-width: 450px; text-align: center; width: 100%;">

 

<div class="contact-form-error-message" id="ContactForm1_contact-form-error-message">

 

</div>

 

<div class="contact-form-success-message" id="ContactForm1_contact-form-success-message">

 

</div>

 

</div>

 

</form>

 

Paso final, cambias a la versión visual o redactar y guardas los cambios.
 
Tu formulario ha sido creado y se verá de la siguiente manera:
 
 

 
Personalízalo un poco más colocando los textos en tú idioma con la ayuda del traductor de Google. Por último, pero no menos importante, debes buscar el gadget del menú principal de tú blog o sitio web y agregar el botón de la página contacto con el respectivo enlace de dicha página. 
 

Publicar un comentario

0 Comentarios
* Cero Spam.

Anuncio abajo de Entrada