10 de abril de 2014

Adicionar formulário de contato no blogger [ATUALIZADO]

Olá amorecos, estou aqui para mostrar para vocês como adicionar formulário de contato em seu blog, achei duas maneiras e hoje vou ensina-las a todos vocês, vamos lá :

A primeira maneira é: Formulário de contato na barra lateral do seu blog 
Acesse o painel do Blogger, clique no menu “Layout” e em seguida, escolha o local para adicionar o formulário na sua barra lateral, e clique em “Adicionar um Gadget”.


Clique em “Mais gadgets” e escolha a opção “Formulário de contato”:


Formulário de contado no menu do blog

Crie uma página estática, coloque o titulo da página como preferir.


No editor de texto do post, clique na aba “HTML” e cole o seguinte código:

<div id="formcontact">
<p>
Preencha os campos abaixo para entrar em contato.
Não esqueça de preencher o campo com seu e-mail para respondermos, se for necessário.

<font style="font-size:12px">Os campos marcados com "*" são obrigatórios.</font></p>

<form name='contact-form'>
<div>
<b>Seu Nome:</b> *</div>
<input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='60' type='text' value=''/>

<div>
<b>Seu E-mail:</b> *</div>
<input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='60' type='text' value=''/>

<div>
<b>Sua mensagem:</b> *</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'/>
<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>
</div>

Não altere nada no código!


No meu caso optei pelo Formulário de contato na barra lateral.espero que tenham gostado desse tutorial e tentem fazer.

As mensagens serão mandadas para o e-mail no qual você faz loggin para acessar seu blog.


Gostou? Compartilhe!
  • Facebook
  • Tweet this
  • Google Buzz

Comente com o Facebook:

2 comentários:

  1. sou webdesigner amador em html e só num entendi como este codigo envia para o email desejado, mas gostei vou aprimora-lo e colocar no blog

    ResponderExcluir
    Respostas
    1. Olá foto ''Fotolog Algemadas'' as mensagens serão mandadas para o e-mail no qual você faz loggin para acessar seu blog, espero ter ajudado, um grande beijo , volte sempre.

      Excluir

 
Veja os últimos posts

Design e programação: Carol Mascarenhas
Aline Indecisa - COPYRIGHT © 2015 TODOS OS DIREITOS RESERVADOS