Formulário de Contato Eficiente

Foto: [ffblogs.com]

Olá galera. Hoje estou aqui fornecendo este contato de Email criado pelo Ferramentas Blog, muito útil e bem fácil de ser criado e manuseado. Então vamos lá? Clica aí em Leia Mais e aprenda como!
Ok, vamos começar? Tudo é feito com HTML, por isso, não altere nada além do que será indicado isso é claro. 


TUTORIAL

Crie sua página de contatos e na edição da mesma, clique em Editar HTML. Agora, cole e edite o código abaixo:



<script language="javascript"> 
    function verifica(){ 
        if ((document.FormContato.nome.value == "") || (document.FormContato.email.value == "") || (document.FormContato.mensagem.value == "")){ 
            alert("Preencha os campos marcados com '*'"); 
            return false; 
        } 
        else 
            return true; 
    } 
</script> 



<form action="http://www.ferramentasblog.com.br/templates/formmail.php" method="post" name="FormContato" onsubmit="return verifica();"> 
<input type="hidden" name="receber" value="SEU_EMAIL@SERVICO.COM" /> 
<p style="border-bottom: 1px dotted #3A6DA1;"><font style="font-size:18px; font-weight:bold">Formulário de Contato:</font><br />Preencha os campos abaixo para entrar em contato conosco.<br />Não esqueça de seu e-mail para respondermos, se for necessário.<br /><font style="font-size:12px">Os campos marcados com "<font color="#FF0000"><b>*</b></font>" são obrigatórios.</font></p> 
<br /><br /> 
<table border="0" width="450"> 
  <tr> 
    <td><b>Nome<font color="#FF0000">*</font>:</b><br /><input name="nome" type="text" size="50" maxlength="50" /><br /><i><font style="font-size:10px">máximo de 50 caracteres</font></i></td> 
  </tr> 
  <tr> 
    <td height="60" valign="bottom"><b>E-mail para contato<font color="#FF0000">*</font>:</b><br /><input name="email" type="text" size="50" maxlength="200" /><br /><i><font style="font-size:10px">máximo de 200 caracteres</font></i></td> 
  </tr> 
  <tr> 
    <td height="80" valign="bottom"><b>Assunto (motivo do contato):</b><br /><input name="assunto" type="text" size="50" maxlength="100" /><br /><i><font style="font-size:10px">máximo de 100 caracteres</font></i></td> 
  </tr> 
  <tr> 
    <td height="210" valign="bottom"><b>Mensagem<font color="#FF0000">*</font>:</b><br /><textarea name="mensagem" cols="50" rows="10"></textarea><br /><div align="right"><i><font style="font-size:10px">Criado por <a href="http://www.ferramentasblog.com/">[ FerramentasBlog.com ]</a></font></i></div></td> 
  </tr> 
</table> 
<p style="border-top: 1px dotted #3A6DA1;"><b>Seu contato é muito importante para nós!</b><br />Agora, basta clicar em "ENVIAR" para recebermos sua mensagem.<br /><br /><input name="enviar" type="submit" value="ENVIAR" /></p> 
</form>

Altere o que está marcado em rosa, que é o seu email. Se quizer, também pode alterar os campos onde vão aparecer os textos, exemplo: Seu nome e etc. Ok? Depois de editado este código énooorme KK vocês podem clicar em Publicar Página. Faça um email de teste para ver se estar tudo ok.

Créditos: Ferramentas Blog