Como adicionar um formulário de contato docs google para seu blog [blogger]

Muitos de vocês já devem ter saltou sobre o WordPress ou o Tumblr treinar, mas ainda há um número de pessoas segurando em Blogger. Google é manter as aparências com a sua nova Blogger in Draft interface, ea ferramenta de web ainda fornece uma alternativa mais barata para a personalização total e nomes de domínio originais para blogs pessoais.

Se você é um usuário do Blogger, você pode ter, ocasionalmente, se perguntou: “Como posso fazer uma dessas formas de contato loucas-cool que todos os outros blogs do mundo têm?” Felizmente, se você também está documentos Google usuário, isso pode ser feito com relativa facilidade (e absolutamente sem dor).

Fazer o Formulário

Para começar, faça login no Google Docs, e criar uma nova forma como mostrado pela imagem abaixo. Você pode perfurar em um título para sua forma de manter-se organizado, mas você pode realmente deixar esta seção do seu formulário como “Sem título" e não faria qualquer diferença. A fim de torná-lo uma página de contato legítimo, você deve fornecer aos usuários com o “texto do parágrafo” Tipo de pergunta. Isto permite espaço suficiente para perguntas longas ou comentários.

Por favor, tome nota que o formulário padrão insere automaticamente dois exemplos de perguntas. Certifique-se de excluir a segunda amostra, ou então você vai ter um inquérito fantasma que você realmente não precisa. No entanto, se você quiser adicionar mais perguntas usando diferentes formatos de resposta (caixas, de escolha múltipla, etc.), então você está livre para fazê-lo. Você pode até mesmo fazer as respostas necessárias para itens tais como detalhes de contato. Depois de terminar, certifique-se lembre-se de salvá-lo.

Rasgando o Formulário

Você pode já estar ciente de que o Google formas tendem a ficar com modelos não-personalizáveis ​​que muitas vezes não combinam bem com o design do seu blog. Claro, você pode incorporar o formulário usando um código de iFrame, mas ainda mantém o mesmo formato que os modelos pré-concebidos do bolinho-cortador. Felizmente, há uma maneira de contornar isso.

Video: Criar Formulário de Contato para Blog com Google Drive

Depois de completar o formulário, volte à sua página Docs e abra a planilha da forma que acabou de criar. Como uma nota lateral, esta planilha permitirá que você veja todas as submissões ao seu formulário. Quando você chegar nessa página, selecione “Formato”Na barra de menu e clique em“Ir para viver forma“.

Enquanto olha para a sua página de formulário, você deve usar qualquer recurso de seu navegador permite olhar para o código fonte da página. Desde que eu estou usando cromada no meu Mac Para este tutorial, eu simplesmente usei o meu trackpad para abrir o menu contextual e selecionado “View Page Source“.

Aqui, as coisas podem ficar entediante, então preste atenção. Você deve usar a função Find do seu navegador (CTRL + F) para localizar o termo “form action“. Quando você encontrá-lo, você deve ver este código:

Fazer uma nota de onde esta linha de código é, em seguida, encontrar este próximo bit de código:

Copie todo o caminho a partir da primeira linha mencionada de código para a próxima linha mencionado de código. Se você se sentiria mais confortável colar esse código em um aplicativo de texto, então vá em frente. Você poderá usá-lo momentaneamente.

Instalando O Formulário

Depois de ter copiado com êxito o seu código selecionado para a área de transferência, você deve entrar em seu painel do Blogger. Como eu disse antes, estou usando o Blogger in Draft interface, mas se você estiver usando a interface do usuário original, você ainda será capaz de seguir adiante.

Primeiro, você deve criar uma nova página para o seu blog e autoriza “Contate-me”Ou algo similar. Depois de abri-lo, ir diretamente para o HTML seção de edição da página e colar o código.

A partir de agora, você tem basicamente concluída a tarefa de instalar o formulário em seu blog. Neste ponto, a sua visualização deve ser semelhante à imagem abaixo. No entanto, previews vão ser diferentes para pessoas diferentes com base na máquina que eles estão usando.

Personalizar o formulário

Como eu descobri com meu blog pessoal, por vezes, haverá problemas, tais como a existência de muito espaço entre o título da página ea própria forma ou caixa da resposta ser demasiado grande para a largura do blog. Esses pequenos problemas podem ser facilmente corrigido.

Se você está tendo problemas com a existência de muito espaço entre o título e as perguntas, procurar qualquer

br

tags e excluí-los. No entanto, se você está tendo problemas com a largura da caixa de resposta, procurar esta linha de código:

Ao ajustar o valor “cols” a um número menor, você pode alterar a largura do blog para atender às telas menores ou navegadores alternativos. Além disso, você pode realmente mudar as fontes de perguntas ao editar a página. Com personalização suficiente, você pode acabar com algo parecido com a seguinte imagem.

Conclusão

Esta é uma maneira rápida e eficiente para colocar um formulário Google Docs de correspondência de estilo em seu blog Blogger, eo tutorial poderia provavelmente ser adaptado para qualquer outro blog ou site. Você pode fazer muito mais do que o que você vê aqui, por isso certifique-se de brincar com ele por um tempo.

Video: Como adicionar Formulário de Contato no Blogger

Que outros locais que você usa para fazer formulários da web? Como este tutorial funciona para você? Se você tiver quaisquer problemas para fazer o seu próprio formulário web, deixe-nos saber nos comentários ou, alternativamente, fazer uma pergunta sobre a Respostas MakeUseOf.