Cómo poner un formulario de contacto en tu blog

---

NOTA: Este formulario de contacto dejó de funcionar correctamente. Si deseas emplear un nuevo formulario mucho más eficiente y con mayores funciones visita esta entrada: Formulario de contacto para Blogger

---

Estar en contacto con los lectores de tu blog debe ser esencial y casi obligatorio en cualquier bitácora con aspiraciones profesionales. Es por eso que gracias a ChicaBlogger explicaremos cómo colocar un formulario de contacto en tu Blog de Blogger.com.

Si quieres poner un formulario de contacto en tu blog sigue las instrucciones siguientes paso a paso:


1) Vamos a Diseño->Elementos de página->Añadir un gadget->HTML/Javascript:



2) Una vez que estamos en HTML/Javascript pegamos el siguiente código:

---

<center><script type="text/javascript"><br/>//<![cdata[ reg2.test(str)) else ) && (window.regexp) valid(form) return true; function } if reg1str="(@.*@)|(..)|(@.)|(.@)|(^.)" { regexp(reg1str); reg2="new" reg1="new" false; reg2str="^.+@([?)[a-zA-Z0-9-.]+.([a-zA-Z]{2,3}|[0-9]{1,3})(]?)$" regexp(reg2str); (!reg1.test(str) @ field="form.email; var" ; str="field.value; if" if(str.indexof( field.select(); var field.focus();>= 0)<br/>return true;<br/>field.focus();<br/>field.select();<br/>return false;<br/>}<br/>}<br/>//]]><br/></script>
<form action="http://chicablogger.chica-web.es/email.php" name="myform" method="post" onsubmit="return valid(this)"><input value="tucorreo@correo.com" name="recipient" type="hidden"/><input value="Contacto quierocrearunblog" name="subject" type="hidden"/><input value="http://www.quierocrearunblog.com" name="redirect" type="hidden"/>
Tu nombre (obligatorio):<input name="realname" size="30" type="text"/><br/>Tu e-mail: (obligatorio)<input name="email" size="30" type="text"/><br/>Tu mensaje:<br></br><textarea rows="6" cols="23" name="Comments" wrap="soft"></textarea><br/>
<input value="Enviar" type="submit"/> <input value="Borrar" type="reset"/>
</form></center>
<br/>
<br/>
<br/>
<br/>
<center>Gracias por tu e-mail</center>

---

3) Sustituye las frases en color por tus datos (tu email, tu web, etc) y si lo deseas sustituye también las palabras en azul (enviar, borrar, etc) por las que tú quieras.

4) Le damos a guardar y ya tenemos listo nuestro formulario de contacto. No olvides que si deseas poner un título al formulario debes hacerlo en el título de HTML/Javascript:


Nos quedará así:

---

Si en lugar de poner este formulario en un gadget HTML/Javascript lo queremos poner en una entrada del blog, deberemos copiar el siguiente código:

---

<script type="text/javascript">
//<![cdata[ function reg2.test(str)) else ) &amp;&amp; (window.regexp) valid(form) ; var { if(str.indexof( regexp(reg1str); var { return reg1str="(@.*@)|(..)|(@.)|(.@)|(^.)" reg2="new" reg1="new" reg2str="^.+@([?)[a-zA-Z0-9-.]+.([a-zA-Z]{2,3}|[0-9]{1,3})(]?)$" regexp(reg2str); if (!reg1.test(str) @ field="form.email; var" str="field.value; if" true; } field.focus(); field.select(); return { var false; }>= 0)
return true;
field.focus();
field.select();
return false;
}
}
//]]>
</script>
<form action="http://chicablogger.chica-web.es/email.php" name="myform" method="post" onsubmit="return valid(this)">
<input value="TUCORREO@CORREO.COM" name="recipient" type="hidden"><input value="Contacto vía e-mail" name="subject" type="hidden"><input value="http://www.TUBLOG.com" name="redirect" type="hidden">
Nombre (obligatorio):
<input name="realname" size="30" type="text">

E-mail: (obligatorio)
<input name="email" size="30" type="text">

Tu mensaje:

<textarea rows="6" cols="23" name="Comments" wrap="soft"></textarea>
<input value="Enviar" type="submit"> <input value="Borrar" type="reset">
</form>
</span><span style="line-height: 115%;"></span><span style="line-height: 115%;"></span><span style="line-height: 115%;"></span><span style="line-height: 115%;"></span><span style="line-height: 115%;"></span><span style="line-height: 115%;">
</span>
<span style="line-height: 115%;">
</span>

---

Deberás modificar, al igual que antes, los datos en color rojo por los tuyos. Publicas la entrada y ¡listo!