O Blogger disponibilizou um novo Gadget Formulário de Contato, ótimo! caso você não tivesse que usar na sidebar de seu blog. Mas pra tudo existe uma solução, e agora disponibilizamos esse passo a passo de como usar o formulário naquela página "Contato" que a maioria dos blogueiros criam para seu blog.
Então vamos ao passo a passo que é muito simples, basta que você tenha atenção e faça como mostrado em seguida.
Recomendamos que antes de qualquer alteração no código faça um backup do template. Caso não saiba como proceder, acesse o artigo Como Fazer Backup do Blog.
Passo a passo
1- Criaremos uma página para contato. Acesse seu blogger, no menu lateral clique em "Páginas", depois vá em"Nova página" e clique em "Página em branco".
2- Dê um nome para sua página tipo Contato ou algo de sua preferência, no corpo da página clique em "HTML" para que seja inserido o código.
3- Copie o código abaixo e cole dentro do corpo da página.
<form name='contact-form'>
<div>Seu Nome:</div>
<input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/>
<br/><br/>
<div>Seu E-mail: <em>(obrigatório)</em></div>
<input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/>
<br/><br/>
<div>Sua mensagem: <em>(obrigatório)</em></div>
<textarea class='contact-form-email-message' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'></textarea>
<p></p>
<input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='Enviar Mensagem'/>
<div style='text-align: center; max-width: 450px; width: 100%'>
<p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p>
<p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p>
</div>
</form>
4- Publique sua página normalmente.
* Em sua nova página Contato, o formulário já aparecerá mas não funcionará para enviar mensagens ainda, pois, não informamos ao blogger sobre a página, é o que iremos fazer na sequência.
5- Agora novamente na lateral de seu blogger vá em "Layout", "Adicionar um gadget", "Mais gadgets" e escolha por"Formulário de Contato" e clique em "Salvar".
* O formulário aparecerá na barra lateral, mas isso é temporário até fazermos as alterações seguintes.
6- Excluiremos agora alguns trechos do código do gadget no código do seu template, para isso vá agora em"Modelo", depois "Editar HTML".
7- Próximo passo é clicar no menu "Ir para um Widget" e clique na opção "ContactForm1" como mostrado abaixo:
8- Feito isso você será levado até a parte do template onde está o código do widget de formulário que você criou. Para ver todo o código é preciso expandir, clicando na seta preta do lado. Feito isso você verá todo o código do widget, agora você deve excluir todo o trecho como o destacado na imagem abaixo:
* Apagando esse trecho do código, seu gadget não aparecerá mais na barra lateral, mais o funcionamento dele na sua página Contato será preservado.
9- Depois de apagado, o trecho do código do gadget restante no seu template deverá ser como mostrado abaixo:
10- Agora clique em "Salvar Modelo" para que sejam feitas as mudanças.
11- Teste agora indo na página que você criou, colocando os dados e enviando. Se tudo estiver ok a mensagem será enviada para seu Email padrão no qual você tem acesso ao Blogger.
Deixe seu comentário, pois ele é a motivação para nosso trabalho.
Comentários