Dica para Blog: Como inserir caixa de contato no blog!

Oii lindas? Como vocês estão?

Hoje o post vai ser sobre dicas para blogger!

Bem, hoje eu vou mostrar para vocês, como inserir uma caixa de contato no blog, talvez você queira inserir no sidebar, mais eu preferi abrir uma página no menu chamada Contato, bom ao decorrer do post você vai aprender os dois! Ok?

 

Vamos lá!

Se você quer colocar o formulário de contato na Sidebar.

 

1- Faça login no Blogger e Acesse o Layout.

2- Clique em Adcionar um Gadget.

3- Clique em Mais Gadgets.

4- Acesse a opção Formulário de Contato.

 

 

 

E por fim clique em Salvar!

Se você quer colocar o formulário de contato numa página estática! Ex: Contato no menu!

1- Adcione o formulário na sidebar, como no passo anterior.

2- Vá em Modelo e depois em Editar HTML.

3- Clique na Aba Ir para um Widget e selecione ContactForm1.

 

 

4- Clique nas setas em cor preto para expandir o código e apague toda a parte selecionada como na imagem!

 

 

5- Salve as modificações.

6- Agora crie uma página estática, são aquelas páginas que ficam no menu, Ex: Home, Tutorias, Contato. Se você já possui, não precisa fazer outra página!

7- Coloque o título como quiser, no meu caso é Contato, e clique em HTML, insira o código abaixo.

 

<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>


Vai ficar assim:




8- Agora Clique em Publicar

Pronto seu formulário está criado!

Qualquer dúvida comenta que te respondo ok! Ou acesse o meu formulário de contato e deixe a sua dúvida!

Um Beijo!

 Imagens do site http://www.codigosblog.com.br/