Formulários de Contato Personalizados para blogues do Blogger

Do Texto: Tutorial para adicionar Formulário de Contato no Blogger.
Fotocomposição contendo 2 formulários de contato.



2 Modelos de Formulário de Contato e Tutorial para implementação numa página estática do blogue


Por: Armindo Guimarães

O Blogger possui um bom formulário de contato, porém, demasiado simples, além de que o mesmo apenas pode ser carregado como gadget na página inicial do blogue.

A pensar nos blogueres que pretendem um formulário personalizado de contato para colocação numa página estática do blogue, resolvemos trazer à estampa 2 modelos que por certo irão servir tais pretensões.

Entretanto, lembramos que ao receber um contato, não pode responder à mensagem na própria caixa de correio recebida usando o botão responder. Isto porque a mensagem que recebemos é através de no-reply@blogger.com, que é um ID de e-mail de notificação do próprio Blogger. Assim sendo, devemos responder para o endereço de e-mail do remetente através de Mensagem Nova.

Formulários 1 e 2



1 - Clique no botão acima para escolher o seu Formulário de Contato e copiar o respetivo código para o Bloco de Notas. Não é aconselhável colar seja o que for numa página Word, pois quando for a copiar, junto com o código vai uma série de caracteres que nada abonam em favor do blogue. Por isso, utilize sempre o Bloco de Notas para colar e copiar códigos.

ADICIONAR O GADGET DE FORMULÁRIO DE CONTATO DO BLOGGER À BARRA LATERAL DO BLOGUE

2 - Em ESQUEMA/LAYOUT, clique em Adicionar um gadget e escolha "Formulário de Contato".

a) O gadget irá automaticamente para a barra lateral, superior ou inferior, conforme o modelo do blogue.

b) Se o seu objetivo é apenas ter o Formulário de Contato numa página estática, para tal é necessário ter o gadget na página inicial, podendo depois retirá-lo através de um pequeno código que mais adiante iremos fornecer.

3 - Clique em PÁGINAS e depois em NOVA PÁGINA.

a) Coloque um título à Página, por exemplo, "Contato" ou "Fale Connosco!". Este pormenor é importante, já que ao dar logo de início o título à página, o link irá ter o mesmo nome, o que é bom para SEO, ao passo que se der o título depois de ter colocado o código, o link irá ter outro nome sem qualquer interesse.

b) Clique no modo HTML e cole todo o código do formulário de contato que escolheu.

c) No lado direito da página, altere as DEFINIÇÕES DA PÁGINA, clicando em OPÇÕES e depois em “Não permitir, ocultar existentes”). Clique em “Concluído”.

d) Clique em Pré-Visualizar e se estiver tudo bem, clique finalmente em PUBLICAR.

e) Se pretender criar um link "Contato" ou "Fale Connosco" na página inicial do blogue, por exemplo, no Menu principal. abra a página do Formulário de Contato e no topo copie o link da página e cole-o no Menu.

4 - Se não pretender que o gadget do Formulário de Contato seja visível na página inicial do blogue, mas apenas na página que criou para o efeito, faça o seguinte:

a) Clique em TEMA/MODELO

b) Clique na seta ao lado de PERSONALIZAR e depois em "Criar cópia de segurança".

c) Clique em Editar HTML.

d) Dê um clique em qualquer parte do HTML e depois no teclado clique nas teclas Ctrl e F, abrindo-se uma pequena janela lateral.

e) Na janela escreva ou cole ]]></b:skin> dando enter.

f) O HTML vai diretamente para ]]></b:skin> e, antes dele, cole o seguinte código:

 #ContactForm1 {display: none! Important;}  

g) Depois de Copiar e Colar, clique em GUARDAR,

Veja agora na página inicial do blogue que, efetivamente, o Formulário de Contacto já não se encontra na página inicial do blogue.

5 - No caso de pretender que o Formulário de Contacto continue na  página inicial do blogue, porém, não o modelo do próprio Blogger, mas sim um igual ao da página estática, só tem que fazer o seguinte:

a) Copie todo o código do Formulário de Contacto que colocou na página estática.

b) Em ESQUEMA/LAYOUT, clique em Adicionar um gadget e escolha "HTML/JavaScript".

c) Na janela que abrir não coloque nada em Título.

d) Em "Conteúdo" cole o código do Formulário de Contacto e depois clique em GUARDAR.

Veja agora na barra lateral da página inicial do blogue o Formulário de Contacto igual ao da página estática, porém, redimensionado à largura da barra lateral.

Esperamos que este tutorial tenha alguma utilidade. 

Qualquer dúvida pode ser exposta na janela de Comentários desta publicação, sendo que prometemos ser breves na resposta.
Também pode ler:

Enviar um comentário

0 Comentários
* Gostou do que leu, viu e/ou ouviu? Então, para completar, só falta o seu comentário. Se não gostou, comente também. O autor agradece.

buttons=(OK!) days=(20)

Este site utiliza cookies para tornar a sua experiência melhor. Saiba mais
Accept !