The template includes a pre-styled contact form that sends messages directly to your Blogger-associated email.
To add a contact page:
Create a new blank page and name it "Contact".
Switch to HTML view (click the first icon to toggle between Compose and HTML view).
Make sure you're in HTML view, then paste the following code into the editor.
The code to copy and paste :
Save/Publish the page.
<div class="widget ContactForm" id="ContactForm12"><div class="contact-form-widget"><div class="form"><form name="contact-form"><div class="contactf-name"><input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" onblur="if (this.value == "") {this.value = "NAME";}" onfocus="if (this.value == "NAME") {this.value = "";}" size="30" type="text" value="NAME" /></div><div class="contactf-email"><input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" onblur="if (this.value == "") {this.value = "EMAIL";}" onfocus="if (this.value == "EMAIL") {this.value = "";}" size="30" type="text" value="EMAIL" /></div><div style="clear: both;"></div><div class="contactf-message"><textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" onblur="if (this.value == "") {this.value = "MESSAGE";}" onfocus="if (this.value == "MESSAGE") {this.value = "";}" rows="5" value="MESSAGE"></textarea></div><input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="SEND" /><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></div>