INSERIRE WIDGET DEI CONTATTI IN UNA PAGINA DI BLOGGER

In Blogger il modulo dei contatti è disponibile solo sotto forma di Widget posizionabile o nel footer o nella sidebar. 
Se non avete la fortuna di avere un template che implementa questa funzione nelle pagine, allora dovete per forza inserire il codice manualmente.

WIDGET CONTATTI IN PAGINA BLOGGER


Eccovi il codice da utilizzare:

<div class="contact-form-widget" id="ContactForm1">
<div class="form">
<form name="contact-form">
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" placeholder="il tuo nome" size="30" type="text" value="" />
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" placeholder="la tua email" size="30" type="text" value="" />
<textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="scrivi il tuo messaggio" rows="5"></textarea>
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="invia" />
<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>
</form>
</div>
</div>
<style>
/* FORM CONTATTI
------------------ */
.contact-form-widget {
    width: 98% !important;
    max-width: inherit;
    margin: auto;
}
.contact-form-widget input::placeholder, .contact-form-widget textarea::placeholder {
    font-size: 11px !important;
    letter-spacing: 1px;
    font-style: italic;
}
.contact-form-widget input, .contact-form-widget textarea {
    padding: 5px;
    margin: 5px 0;
    max-width:inherit;
    width:95%;
}
#ContactForm1 .contact-form-button-submit {
    line-height: 100%;
    background: #000;
    color:#fff;
    border: 0;
    border-radius: 3px;
    margin: 0;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: normal;
    width: auto;
}</style>{codeBox}


Come indirizzo email di recapito verrà utilizzato quello dell'account di blogger.  Qui trovate un esempio del codice in funzione

Monica Zampi

Mi piace essere aggiornata in ambito multimediale e tecnologico. Adoro le serie horror in genere e sono una grande tifosa della Ferrari! facebook instagram amazon

1 Commenti

  1. Grazie Monica,
    sei stata la mia salvezza. Stavo diventando matta per inserire il form!

    RispondiElimina
Posta un commento
Nuova Vecchia