How To Add Blogger Contact Form Into A Page

This tutorial shows you how to add contact form gadget in Blogger. You can easily create a contact form for your Blogger to receive messages from your readers in a few minutes.

First, Navigate to your Layout from the left sidebar to get an option to add gadgets.

You will see Contact Form, You can add it by clicking the plus icon.

Next, You need to navigate to your Dashboard -> Template -> Edit HTML, then find and paste this code just above ]]></b:skin> tag

#ContactForm1{
display: none !important;
}

Navigate to your Dashboard -> Posts, then click on New Page and select Blank Page

Switch to Html editor mode, then copy the code following and paste to your blank page

<form name='contact-form'>
<p></p>
Name<br />
<input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' value='' type='text' />
<p></p>
Email
<span style='font-weight: bolder;'>*</span><br />
<input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' value='' type='text' />
<p></p>
Message<span style='font-weight: bolder;'>*</span><br />
<textarea class='contact-form-email-message' cols='25' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'></textarea>
<p></p>
<input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' value='Send' type='button' />
<p></p>
<div style='text-align: center; max-width: 222px; width: 100%'>
<p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p>
<p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p>
</div>
</form>

Now, open your contact page, you will see the contact form automatically added to the contact page