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.

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 .