20 setembro 2013

Como criar formulário de contato para blog

Oii meninas, hoje trago um tutorial para o blog de vocês. Irei ensinar como criar um formulário de contato para seu blog, você poderá personaliza-lo e cria-lo da maneira que preferir, é muito fácil.
Primeiramente vocês terão que entrar neste site aqui: JotForm onde será feito o formulário.

Clique em Registre-se, como mostra na imagem e faça seu cadastro. (clique na imagem para ver maior)
Para adicionar o título "Contato" clique em cabeçalho e digite.
Clique em 'Ferramentas rápidas' para adicionar o item do nome e do email, se você quiser clique em caixa de texto para adicionar outro item, por exemplo o endereço do blog da pessoa se ela tiver. 
Clique em área de texto para colocar o item de escrever a mensagem.
Ali na barrinha de cima vocês irão personalizar o formulário, seu designer, é só clicar e mudar a cor e o tamanho da letra,  a cor do fundo, o tema e o tamanho da largura e tudo mais.
Clique ao lado do botão enviar, depois clique lá em cima em 'Button Style', pois iremos personalizar o botão enviar.
Selecione o estilo que preferir e depois clique em finish.
Agora seu formulário já esta pronto, só iremos salvar e pegar seu código html para por no blog. Clique primeiramente em 'Setup & Embed', depois em 'Incorporar For..'.
Procure ali no canto o ícone do Blogger e clique nele para obter o código.
Copie o código html da segunda caixinha.
Prontinho, agora é só você colar o hmtl ou no layout para ficar visível em algum gadget, ou criar uma página como eu fiz e colocar lá. Ah, e quando alguém te mandar uma mensagem de contato, ela aparecera no seu email. Beijos e espero que tenham gostado do post.

6 comentários:

  1. Eu procurei várias vezes um tutorial de como colocar este formulário. Como não achei, eu faço os formulários, enquetes e tals pelos formulários do Google mesmo.

    Muito bom o tuto e muito útil. Bjus!
    www.nerdcomchiclete.blogspot.com
    www.nerd-absoluta.blogspot.com

    ResponderExcluir
    Respostas
    1. Ah sim, mas agora você achou, haha obrigada! Beijinhos

      Excluir
  2. Nossa obrigada pelo tutorial estava a muito tempo procurando um desse.
    http://primeiroseusonho.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Ah que bom ter te ajudado hein, rs, muito obrigada. Beijinhos

      Excluir
  3. Como eu vou colocar o html em uma página,só tem opção de url! :@

    ResponderExcluir
    Respostas
    1. Tem a opção de html sim, no canto perto da caixa texto que você coloca o nome da página. Bjs

      Excluir

Layout por Heloise Oliveira - Tecnologia Blogger