Primeiramente vá em
Formfacil e crie uma conta para que possamos criar o formulário através dessa ferramenta On-Line.
Logo em seguida logue-se no formfacil e va no painel a esquerda em criar:
 |
| Inserindo fale conosco |
Após criar seu formulário preencha ao lado direito suas configurações para o formulário. É possivel customizar as cores também conforme seu gosto.
 |
| Inserindo fale conosco |
Selecione então Texto Simples para criar um campo de texto.
Clique sobre o campo e então edite suas propriedades: Nome:
No menu à direita selecione sim para o campo ser obrigatório
 |
| Inserindo fale conosco |
Agora crie o campo E-mail. Clique novamente sobre Texto Simples e na propriedade do campo digite: Email:
E na caixa à direita deixe como campo obrigatório.
 |
| Inserindo fale conosco |
Agora crie o campo Assunto, você pode ter três opções de assunto tipo “Sugestão, Critica e Dúvida” com isso o visitante do blog poderá selecionar qual o assunto ele deseja tratar ao enviar seus dados. Clique no painel esquerdo na opção Lista de Seleção e na caixa direita selecione o nome das opções que irão aparecer no campo.
 |
| Inserindo fale conosco |
Agora incluiremos nosso ultimo campo, o campo de Mensagem clicando em Texto Descritivo. Novamente marcaremos como campo requerido no painel direito.
 |
| Inserindo fale conosco |
Após configurados os campos clique em salvar e logo após no menu esquerdo em Publicar, para que possamos copiar o código para postar no blog.
 |
| Inserindo fale conosco |
A seguir abrirá uma caixa contendo o código para o formulário de contato copie-o.
 |
| Inserindo fale conosco |
Agora Logue-se no blogger e vá para Editar Postagens, Editar Páginas e Clique em Nova.
 |
| Inserindo fale conosco |
Cole o códio que foi copiado do formfacil e digite o nome para a página. Lembrando que Width será a largura que o formulário terá e Height será sua altura, se quiser poderá alterar esses dados conforme o tamanho da sua página no blogger.
 |
| Inserindo fale conosco |
Agora iremos para a Aba Design e selecionaremos Adicionar Gadgets no menu direito do blog. Selecione a ferramenta HTML/JavaScript
 |
| Inserindo fale conosco |
Agora salve e acesse sua página inicial do blog e confira como ficou seu formulário.
 |
| Inserindo fale conosco |
Comentários