venerdì 13 marzo 2015

Come inserire un form di contatto in un post in Blogspot

Sulla piattaforma blogspot.com (blogger.com) è disponibile un gadget "contatto" che, apparentemente, è possibile inserire solo tra gli altri gadget, tipicamente all'interno della colonna di destra.

Talvolta può essere utile però inserire un modulo di contatto all'interno di un post o di una pagina.

Per farlo, è sufficiente:

  • aprire l'editor del post (o della pagina);
  • selezionare "HTML"
  • individuare il punto dove bisogna porre il form, ed inserire le seguenti righe di codice:

<div class="widget ContactForm" id="ContactForm1">
<h2 class="title">contatto<br /></h2>
<div class="contact-form-widget">
<div class="form">
<form name="contact-form">
Nome
<br />
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />
Email
<span style="font-weight: bolder;">*</span>
<br />
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />
Messaggio
<span style="font-weight: bolder;">*</span>
<br />
<textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Invia" />
<br />
<div style="max-width: 222px; text-align: center; width: 100%;">
<div class="contact-form-error-message" id="ContactForm1_contact-form-error-message">
</div>
<div class="contact-form-success-message" id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
</div>
</div>
</div>

Ecco un esempio di una pagina che usa questo trucco:
http://salvagentecoop.blogspot.it/p/contatto.html

Il risultato sarà il seguente:
(nota: non usate questo form. Lo metto solo come esempio, non mi interessa entrare in contatto privatamente con voi. Se avete qualcosa da dire - di bello o di brutto, indifferente - per favore usate i commenti. Se volete mandarmi dei soldi, scrivetelo nei commenti e vi darò il mio IBAN ... :D )

contatto:

Nome
Email *
Messaggio *