Tutorial: Como colocar formulário de contato no blog

Hello, amores, tudo bem?? Bom, hoje eu vou ensinar a como fazer um formulário de contato. Pode ser em um post, caso você queira fazer um concurso, ou algo do tipo, ou em uma página de contato. O resultado é esse:


Os campos marcados com "*" são obrigatórios.

Nome*: máximo de 50 caracteres

E-mail para contato*: máximo de 200 caracteres

Assunto (motivo do contato): máximo de 100 caracteres

Mensagem*:

                                  By Modinha Girl

Seu contato é muito importante para nós!
Agora, basta clicar em "ENVIAR" para recebermos sua mensagem.


Bora fazer o tutorial?? 

Se você quiser fazer em uma postagem, clique em nova postagem. Se quiser criar uma página, vá em páginas e criar uma nova postagem. A partir daí é o mesmo processo: 

Clique em HTML, ao lado de escrever, que fica embaixo (praticamente) do título da postagem. Em seguida, 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> 
<br />
<form action="http://www.ferramentasblog.com.br/templates/formmail.php" method="post" name="FormContato" onsubmit="return verifica();">
<input name="receber" type="hidden" value="SEU E-MAIL" /> <br />
<div style="border-bottom: 1px dotted #3A6DA1;">
<span class="Apple-style-span" style="color: #444444;">Preencha os campos abaixo para entrar em contato conosco.</span><br />
<span class="Apple-style-span" style="color: #444444;">Não esqueça de seu e-mail para respondermos, se for necessário.</span><br />
<span style="color: #444444; font-size: 12px;">Os campos marcados com "<span class="Apple-style-span" style="background-color: white; color: #ff008c; font-family: 'Courier New', Courier, FreeMono, monospace; line-height: 17px;"><b>*</b></span>" são obrigatórios.</span></div>
<br />
<br />
<table border="0" style="width: 450px;"> 
  <tbody>
<tr> 
    <td><b><span class="Apple-style-span" style="color: #444444;">Nome</span></b><b>*<span class="Apple-style-span" style="color: #444444;">:</span></b><br />
<input maxlength="50" name="nome" size="50" type="text" /><br />
<i><span style="color: #444444; font-size: 10px;">máximo de 50 caracteres</span></i></td> 
  </tr>
<tr> 
    <td height="60" valign="bottom"><b><span class="Apple-style-span" style="color: #444444;">E-mail para contato</span></b><b>*</b><b><span class="Apple-style-span" style="color: #444444;">:</span></b><br />
<input maxlength="200" name="email" size="50" type="text" /><br />
<i><span style="color: #444444; font-size: 10px;">máximo de 200 caracteres</span></i></td> 
  </tr>
<tr> 
    <td height="80" valign="bottom"><b><span class="Apple-style-span" style="color: #444444;">Assunto (motivo do contato):</span></b><br />
<input maxlength="100" name="assunto" size="50" type="text" /><br />
<i><span style="color: #444444; font-size: 10px;">máximo de 100 caracteres</span></i></td> 
  </tr>
<tr> 
    <td height="210" valign="bottom"><b><span class="Apple-style-span" style="color: #444444;">Mensagem</span></b><b>*</b><b><span class="Apple-style-span" style="color: #444444;">:</span></b><br />
<textarea cols="50" name="mensagem" rows="10"></textarea><br />
<div align="right">
<i><span style="font-size: 10px;">Criado por <a href="http://modinhagirl.blogspot.com.br/">[ Modinha Girl ]</a></span></i></div>
</td> 
  </tr>
</tbody></table>
<div style="border-top: 1px dotted #3A6DA1;">
<b>Seu contato é muito importante para nós!</b><br />
<span class="Apple-style-span" style="color: #444444;">Agora, basta clicar em "ENVIAR" para recebermos sua mensagem.</span><br />
<input name="enviar" type="submit" value="ENVIAR" /></div>
</form>

Agora é só colocar o seu e-mail aonde está escrito "SEU E-MAIL" e pronto! Espero que tenham gostado!

Beijinhos cheios de gloss,

Giulia Walt.