Contatti

Nome

Email *

Messaggio*

          **********

Per inserire il modulo contatti nella tua pagina CONTATTI di Blogger i:

Prima devi inserire il gadget del modulo contatti nel LAYOUT 

(la posizione è indifferente)

Fare la tua pagina di Contatti e salva.

Dopo andare 

TEMA -> MODIFICA HTML

Più o meno verso la linea 600

mettere prima di </b:skin> il seguente codice:

#ContactForm1{

display:none !important;

}

.contact-form-widget {

max-width: 90%;

margin: 2 auto;

padding: 20px;

background: #eee;

color: #191919;

}

.contact-form-name, .contact-form-email, .contact-form-email-message {

max-width: 90%;

margin-bottom: 20px;

}

.contact-form-button-submit {

width:100px;

background: #0e50bc;

font-size:14px;

font-weight:bold;

color: #fff;

}

Dopo aver inserito il codice prima di </b:skin> salvare.

----

Modificare la tua pagina di contatti :

scrivere nella pagina di contatti  modalità html il seguente codice:

<form name="contact-form">

<p></p>

Nome<br />

<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="50" type="text" value="" />

<p></p>

Email

<span style="font-weight: bolder;">*</span><br />

<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="50" type="text" value="" />

<p></p>

Messaggio<span style="font-weight: bolder;">*</span><br />

<textarea class="contact-form-email-message" cols="50" 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="Invia" />

<p></p>

<div style="max-width: 500px; text-align: center; width: 90%;">

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

-----------

Dopo aver scritto il codice salvare la pagina.

Rimuovere il modulo di contatti nel layout.

.