08/09/2021

Como colocar formulário do blogger dentro do artigo

Como colocar formulário do blogger dentro do artigo

Olá pessoal. Em outro artigo eu mostrei pra vocês um gadget muito interessante que é um formulário de contatos onde todos os contatos vão para o e-mail de sua própria conta.

Muito prático. Hoje eu quero mostrar um truque para que você possa colocar seu formulário dentro dos artigos do blog.

Com isso você poderá, por exemplo, colocá-lo como uma assinatura em todos os posts. Já pensou ter um formulário dentro de seus artigos.

Como colocar formulário do blogger dentro do artigo

Então vamos começar.

Primeiramente vem a parte mais fácil que é gerar o formulário. Isso foi explicado em um artigo anterior. Sugiro que você faça o que está explicado no artigo anterior para depois iniciar esse tutorial.

Bem. Nós queremos um formulário dentro do artigo também e não somente em um gadget HTML JAVA. Como fazer então?

Simples. Para isso você vai precisar de um código que será introduzido da postagem do blog. Este código é uma réplica do código do formulário do gadget.

Veja abaixo.

-------------------------------------------------------

<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>

---------------------------------------------------

Copie o código acima e cole na área html de seu artigo. Com isso o formulário que você tinha em um gadget será replicado e poderá ser utilizado dentro do post. Veja o resultado e aproveite para mandar um "Olá".


Seu Nome:

Seu E-mail: (obrigatório)

Sua mensagem: (obrigatório)


Com isso você poderá colocar o formulário do blogger dentro do artigo e poderá também replicar seu formulário em quantas postagens quiser.

Até a próxima.



Nenhum comentário:

Postar um comentário

Faça comentários somente sobre o assunto do Post.
Não use palavras impróprias.

Veja também