oi pessoal, mais um bom Tutorial estou escrevendo pra vocês, vou ensinar a como colocar um Formulário de contato no seu Blog. Essa ferramenta é muito útil pois você não precisará expor o seu MSN ou E-mail pra entrar em contato com os leitores do seu Blog..
veja um exemplo de um formulário
Bom pessoal, há vários site que disponibiliza formulários grátis, mas eu vou indicarum site que eu sempre usei e é seguro, o Formfacil.com ele disponibiliza os formulário pra você criar e editar.
Primeiro acessem este site que disponibiliza o formulário grátis:
http://www.formfacil.com/
Vocês vão se Cadastrar no FormFacil.com, então clique na opção Cadastre-se
Depois de efetuar seu cadastro Logue sua Conta
Ao logar a sua conta, abrirá o painel inicial do FormFacil e no Painel Inicial ao lado Esquerdo tem o Menu "Opções". No Menu Opções você vai clicar em "Criar".
Quando você Clicar na opção "criar" vai abrir o painel de Criação de Formulário...
Então Vamos começar pelo Título do seu Formulário
Título
Veja que nesse painel aparece um frase informando assim: "Clique aqui e altere o título do formulário" então você vai clicar nessa frese para alterar o título do formulário.
Vamos começar a editar o título do cabeçalho do seu formulário.
Então no menu "propriedades" que fica ao lado Direito Você vai editar o Título do formulário.
- Na primeira opção você vai colocar (escrever): Contato ou o nome do seu Blog
- E na segunda opção você vai dar um Título para o formulário, então escreva: o nome do seu blog
- O Terceiro você vai escrever uma Instrução para quem for preencher os dados no formulário, você vai escrever esta frase: " Entre em contato com TÍTULO DO SEU BLOG"
Clique na imagem:
Agora Vamos adicionar os "Campos" (que são as Caixas de respostas)
Os campos será a parte que as pessoas preenche.
O modelo que vamos criar será de seguinte maneira:
Nome:
E-mail:
Site ou Blog:
Assunto:
Mensagem:
Campo - Nome:
Vamos adicionar o Primeiro "Campo", pra isso Você vai clicar na opção "Texto Simples" que fica no Menu "Campos disponíveis" ao seu lado Esquerdo da tela.
Agora no Menu Propriedades faça as seguintes alterações:
Em "Título" você escreve: Nome
Em "Instruções" você escreve esta Frase: "Escreva o seu nome Aqui"
E você deixa a opção "Resposta obrigatória": Sim
Veja o exemplo da imagem a baixo, clique na imagem pra visualizar melhor:
Campo - E-mail:
Novamente você vai clicar na opção "Texto Simples" para adicionar um novo Campo. E Clique no novo campo adicionado, para selecioná-lo e fazer as alterações mostradas logo a Baixo:
Em "Título" você escreve: E-mail
Em "Instruções" você escreve: "Escreva o seu E-mail Aqui"
E você deixa a opção "Resposta obrigatória": Sim
Campo - Assunto:
Novamente Vamos adicionar clique na opção Texto simples, faça o mesmo procedimento que fizemos no exemplos mostrado logo há cima.
Agora clique sobre o novo campo adicionado para selecioná-lo e fazer as alterações no menu Propriedades, altere conforme mostradas logo aBaixo:
Em "Título" você escreve: Assunto
Em "Instruções" você escreve: "Qual o seu assunto a ser tratado"
E você deixa a opção "Resposta obrigatória": Sim
Visualize as imagens
Campo - Mensagem
Agora vamos fazer o último campo, que é o campo "Mensagem"
Este campo será diferente não vamos mais usar a opção "Texto Simples" vamos usar a opção "Texto Descritivo".
Então no Menu "Campos disponíveis", Clique na opção "Texto descritivo" , e clique no campo adicionado para selecioná-lo e fazer as alterações.
As alterações serão de seguintes maneiras:
Em "Título" Escreva: Mensagem
Em "Instruções" você escreve: "Escreva aqui a sua mensagem"
E você deixa a opção "Resposta obrigatória": Sim
E por Final Clique no Botão Salvar.
Como colocar no Blog?
Então vamos colocar no Blog. Depois de ter criado o seu formulário Clique em Salvar, e ao salvar você vai ser redimensionado para o painel inicial, lá vai estar o Título do seu formulário, então clique no titulo do seu formulário para seleciona-lo:
Veja o Exemplo na imagem há baixo
.
Depois que você clicou no titulo do seu Formulário para selecionar, clique agora na opção "Publicar" que fica no menu Opções ao lado Esquerdo. E depois clique emPublicar que vai aparecer uma Caixa com o código do seu formulário.
Veja o Exemplo na imagem há baixo
Agora copie o código, e vá até o seu Blog e crie uma nova página com o título da página contato, e cole o código do formulário na parte do HTM da página:
<iframe src="http://www.formfacil.com/variasdicasparablogs/contato?width=500"width="500" height="500" frameborder="0" scrolling="no"></iframe>
E pata ajustar a largura e altura do formulário
Para alterar a altura do formulário mude o valor: width=500"
Para alterar a Largura altere o Valor: width="500" height="500"
Espero que tenham gostado deste tutorial, comentem sobre a aula...
Próxima aula continuação do formulário, eu ensinarei a como visualizar as mensagens enviadas
Nenhum comentário: