sexta-feira, 25 de novembro de 2011

Formulário de contado em Lightbox

Introdução

Olá meus leitores, seja bem vindo a mais um tutorial aqui no blog. Hoje estarei ensinando a aplicar um formulário de contato em lightbox no seu blog. Como você já deve saber, lightbox é uma caixa flutuante que se sobrepõe no blog podendo ser várias as transições.

Vamos usar o mínimo de código. Pra isso, usaremos o site jotform para ajudar. O jotform é um site para criar formulários, que na minha opnião, o melhor. São várias as opções para personalização e para aplicação no blog, e dentre eles está a opção lightbox.

Veja um exemplo

Instalação

Como funciona: Simples é eficaz. Será aplicado um link no seu blog, que ao clicar, abrirá automaticamente um lightbox com o formulário criado por você. Veja como fazer isso:

1. Entre no jotform.

2. Crie seu formulário. (Veja mais)

3. Após ter criado o formulário clique na opção “Setup & Embed”.

Setup Embed 

4. Clique em “Incorporar formulário”. (Obs: se abrir uma caixa pedindo para você colocar seu emai, coloque-os, pois esse vai ser o email que vai receber os outros).

Incorporar Formulário 

5. Clique em “Lightbox”.

lightbox

6. Caso queira personalizar sua lightbox clique em Customize, depois copie o código.

Customizar lightbox

6. Agora é só colar o código em algum lugar do seu blog. Você pode estar colocando em algum local no seu Editar HTML, ou simplesmente adicionar como um novo Gadgat “HTML/Javascript”.

Observações

Exitem casos de a lightbox não funcionar, isso ocorre pelo fato de um ou mais scripts estarem entrando em conflito, que ocorrem pincipalmente com slides e galerias, mas também pode entrar com qualquer outro elemento em seu blog que use javascript externo.

Marcadores: , , , ,

5 Comentários:

Às 25 de novembro de 2011 21:49 , Blogger Patryck - Admin. disse...

Gedi Caldeira,eu queria fazer uma pergunta, mas ela não é sobre este assunto.
Existe um template chamado Technetblog. Nele, não a caixa de comentário, e eu queria colocar uma igual ao que o blogger oferece.
E outra duvida, é se tem como aumentar a largura dele.

Desde já agradeço!

 
Às 1 de dezembro de 2011 11:45 , Blogger Códigos Blogger disse...

Vá em Configurações -> Postagens e Comentários. Na opção "Mostrar comentários" escolha a opção "Exibir". Se não de certo instale a caixa de comentário Disqus que é ótimo:

http://www.cblogger.net/2010/09/caixa-de-comentario-disqus-para-o.html

 
Às 3 de janeiro de 2012 23:23 , Blogger wanderson gomes disse...

Muito bom mesmo! Ja estou usando no meu blog.

 
Às 5 de janeiro de 2012 23:06 , Blogger greiziele simone disse...

muito bom o seu tutorial meu ajudou bastante

 
Às 28 de junho de 2012 12:45 , Blogger Games XBOX disse...

Gostaria que esse lightbox abrisse automaticamente no carregamento da pagina, tem como?

 

Postar um comentário

Se você gostou deste artigo deixe um comentário!

Duvidas ou sugestões comentem aqui! =D
*Não insultar autor ou leitores da postagens
*Não pedir parceria por comentários
*Não publicar spam ou similar.

Assinar Postar comentários [Atom]

Links para esta postagem:

Criar um link

<< Página inicial