in this tutorial we are share you how to add the official contact form for your blogger blog with the help of this contact form your visitors easily contact you
1) Go to your blogger dashboard click on layout and then add gadget where you want to show the contact form
2) Click on more gadget and then select contact form

3) Finally click on save button

IF YOU WANT CONTACT US FORM IN A PAGE THEN FOLLOW THESE INSTRUCTION

1) Copy the html codes given below and paste it in page html and then click on compose button

<div class="form"><!-- Custom Contact Form By WG Starts -->
<br /><form name="contact-form"><!-- Name Field --><input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Name&quot;;}" onfocus="if (this.value == &quot;Name&quot;) {this.value = &quot;&quot;;}" size="30" type="text" value="Name" /> <br /><!-- Email ID Field --><input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Email ID&quot;;}" onfocus="if (this.value == &quot;Email ID&quot;) {this.value = &quot;&quot;;}" size="30" type="text" value="Email ID" /> <br /><!-- Message Field --><textarea class="contact-form-email-message" id="ContactForm1_contact-form-email-message" name="email-message" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Leave Your Message..&quot;;}" onfocus="if (this.value == &quot;Leave Your Message..&quot;) {this.value = &quot;&quot;;}" style="height: 180px; margin: 2px; width: 338px;" value="Leave Your Message.."></textarea> <br /><!-- Clear Button --> <input class="WG-btnLogin" type="reset" value="Clear" /> <!-- Send Button --> <input class="WG-btnLogin" id="ContactForm1_contact-form-submit" type="button" value="Send" /> <br /><!-- Validation --> <br /><div style="max-width: 222px; text-align: center; 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><!-- Custom Contact Form By WG Ends --> </div></div>

finally publish the page