Tutorial : Como fazer um Formulário de Contato para o Blog

Oi meninas,

No post de hoje, venho com um tutorial super fácil de fazer, que é como criar um formulário de contato pro blog. Ter um formulário de contato é importante sim! Se você deixar seu e-mail exposto no blog para as leitoras, há o risco de alguém maldoso hackear a sua conta. Com o formulário de contato a pessoa interessada em enviar o e-mail vai preencher os campos obrigatórios e a mensagem vai direto para sua caixa de e-mail, sem risco. Eu peguei esse tutorial no blog Cute World, então todos os devidos créditos a este blog.

Veja o resultado aqui. 

Vamos ao tutorial? 

Vá no seu painel do blogger e clique em Páginas, como na foto abaixo

 Logo em seguida, clique em "criar uma página em branco" e escreva o título e o corpo de mensagem da página, logo em seguida clique em HTML como no esquema abaixo

  Copie o cole o seguinte código :

<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://bnascimentooo.blogspot.com/">[ Cute World ]</a></font></i></div></td>
</tr>
</table>
<p style="border-top: 1px dotted #3A6DA1;"><b>Seu contato é muito importante para mim!</b><br />Agora, basta clicar em "ENVIAR" para recebermos sua mensagem.<br /><br /><input name="enviar" type="submit" value="ENVIAR" /></p>
</form>

Se quiser pode alterar o texto que vem junto com o código da maneira que quiser . Onde está escrito "SEU_EMAIL@HOTMAIL.COM"  em destaque, digite o e-mail onde você quer que as mensagens se dirijam. Depois é só visualizar, ver se está tudo certinho e publicar. Pronto. Seu formulário está feito!

Se forem usar o tutorial não se esqueçam de creditar .

E se tiver qualquer dúvida referente ao tutorial, para fazer pedido de posts ou outro assunto, escreva pra gente clicando aqui

E vocês? Gostaram do tutorial? Querem mais posts assim no blog? Comentem. 

Beijos e até o próximo post!