PESQUISAR NESTE SITE

Inserindo formulário de contato em páginas estáticas do blogger


1 - Para inserir um formulário de contato em uma página estática do Blog, vá ao painel de controle do Blogger e acesse a aba Layout e em Inserir Gadget, busque e acrescente um formulário de contato. Arraste o formulário inserido para a parte inferior do layout.

2 - Agora precisamos ocultar o formulário adicionado. Para esta tarefa, abra o editor de HTML do seu blog e procure pela tag  ]]></b:skin>.
Acima dela cole o seguinte código e salve:

 #ContactForm1 {display: none! Important;}  

3 - Agora, crie a nova página para o formulário de contato e cole nela o seguinte código de formulário padrão:

 <center>  
 <form name='contact-form'>  
 <div>Seu Nome:</div>  
 <input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/>  
 <br/><br/>  
 <div>Seu E-mail: <em>(obrigatório)</em></div>  
 <input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/>  
 <br/><br/>  
 <div>Sua mensagem: <em>(obrigatório)</em></div>  
 <textarea class='contact-form-email-message' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'></textarea>  
 <p></p>  
 <input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='Enviar Mensagem'/>  
 <div style='text-align: center; max-width: 450px; width: 100%'>  
 <p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p>  
 <p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p>  
 </div>  
 </form>  
 </center>  

Caso queira um formulário com estilos e cores, utilize os códigos da Elaine Gasparetto (disponíveis neste link).