Blogger: Formulario de Contacto en una Página del Blog

Para poner el formulario de contacto que esta como gadget en una pagina y así crear un pagina de contacto debes seguir estos pasos.

1. Añadir el Gadget Formulario de contacto en tu blog

2. Crear nueva pagina que sera la pagina de contacto, ir a editar por html y copiar el siguiente codigo html:

<div class="widget ContactForm" id="ContactForm1">
<div class="contact-form-widget">
<div class="form">
<form name="contact-form">
Nombre<br />
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />
        <br />
Correo electrónico <br />
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />
        <br />
Mensaje <br />
<textarea class="contact-form-email-message" cols="50" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea><br />
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Enviar" />
        <br />
<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>
</form>
</div>
</div>
</div>

Guardar Página y tendremos nuestra página de contacto

3. Ocultar el gadget Formulario de contacto

Vamos a temas » editar html » ir a widget » ContactForm1
Encontraremos esto:

<b:widget id='ContactForm1' locked='false' title='Formulario de Contacto' type='ContactForm'>...</b:widget> 

Expandimos el widget dando clic en los tres puntos y seguimos hasta que quede:

 <b:widget id='ContactForm1' locked='false' title='Formulario de Contacto' type='ContactForm'>
 <b:includable id='main'>
 <b:if cond='data:title != &quot;&quot;'>
 <h2 class='title'><data:title/></h2>
 </b:if>
 <div class='contact-form-widget'>
 <div class='form'>
 <form name='contact-form'>
 <p/>
 <data:contactFormNameMsg/>
 <br/>
 <input class='contact-form-name' expr:id='data:widget.instanceId + &quot;_contact-form-name&quot;' name='name' size='30' type='text' value=''/>
 <p/>
 <data:contactFormEmailMsg/> <span style='font-weight: bolder;'>*</span>
 <br/>
 <input class='contact-form-email' expr:id='data:widget.instanceId + &quot;_contact-form-email&quot;' name='email' size='30' type='text' value=''/>
 <p/>
 <data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span>
 <br/>
 <textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + &quot;_contact-form-email-message&quot;' name='email-message' rows='5'/>
 <p/>
 <input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + &quot;_contact-form-submit&quot;' expr:value='data:contactFormSendMsg' type='button'/>
 <p/>
 <div style='text-align: center; max-width: 222px; width: 100%'>
 <p class='contact-form-error-message' expr:id='data:widget.instanceId + &quot;_contact-form-error-message&quot;'/>
 <p class='contact-form-success-message' expr:id='data:widget.instanceId + &quot;_contact-form-success-message&quot;'/>
 </div>
 </form>
 </div>
 </div>
 <b:include name='quickedit'/>
 </b:includable>
 </b:widget>

Luego borramos todo lo verde y Guardamos

4. Verifica que todo este en orden y listo.