This is the latest way of letting widged contact form on static pages

Bantu KLIK iklan ini gan!!!!

Now bloggers have launched the latest IE widged contact form, this allows readers to contact the author or provider of the blog via email, but that only works as widged widged only and can not be a static page, because if in place on the front page optimal for blog. Therefore this time we will discuss about how to create a contact form on a static page, we only need to convert the contact form towards a static page.

Here are the easy steps to make contact on the static pages:

1. install the widget on your blog contact form through layout
2. then open the Template and click edit HTML.
in order for the invisible widged then to do remove code widged htmlnya.
search with CTRL + F "ContactForm1"
3. Once you find the code please delete the code that were under <b:includable id="main">up to code before</b:includable>

3. the last step is, we just put up scrip code below on static pages
Open Pages > > > > New Page Edit HTML and then copy and paste the code below.

    <div class='form'>
    <form name='contact-form'>
    <p></p>
    <input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value='Name*' onblur='if (this.value == "") {this.value = "Name*";}' onfocus='if (this.value == "Name*") {this.value = "";}'/>
    <p></p>
    <input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='50' type='text' value='Email Valid*' onblur='if (this.value == "") {this.value = "Email Valid*";}' onfocus='if (this.value == "Email Valid*") {this.value = "";}'/>
    <p></p>
   Message*
    <br/>
    <textarea class='contact-form-email-message' cols='25' id='ContactForm1_contact-form-email-message' rows='10'></textarea>
    <p></p>
    <input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='Kirim'/>
    <input class='contact-form-button contact-form-button-submit' type='reset' value='Reset'/>
    <p></p>
    <div style='text-align: center; max-width: 250px; 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>
    <p><b>*</b><i>Required</i></p>
    </div>
    <style>
    .contact-form-name, .contact-form-email {max-width: 250px; width: 100%;}
    .contact-form-email-message {max-width: 450px; width: 100%;}
    </style>

Click publish and view the results. and to make sure the form really work you can fill out the form yourself and then check whether there is any incoming email.
Okay up here yes friends the rest of today's tutorial I congratulate coding.

Demo

Bantu KLIK iklan ini gan!!!!