How to Add Google Default Contact Form in a Separate Page for Blogger

Blogger launched it’s official version of the Contact Form Widget but, it works only on the Blogger Sidebar. If you don’t want to add the contact form to your Blog’s sidebar , then this tutorial will help you to add it in another separate page. I didn’t like to place my contact form in my sidebar.

So I decided to move to an separate page.Take a look at it. Now In this article I’m going to share How to Place Contact Form in a Specific Page. I have listed some easiest method to place it. Just follow my simple steps given bellow.

How to Add Blogger Contact Form to a Specific Page

Go to Blogger.com and sign in
Go to the “Dashboard”
After going inside dashboard Click on “Pages”
Then Click “New Page” placed at the top.
After that hit “Blank Page”
Go to the HTML Section and paste the bellow code in it,

<form name=’contact-form’>
<div>Your Name : </div>
<input class=’contact-form-name’ id=’ContactForm1_contact-form-name’ name=’name’ size=’30’ type=’text’ value=”/>
<div>Your Email: <em>(required)</em></div>
<input class=’contact-form-email’ id=’ContactForm1_contact-form-email’ name=’email’ size=’30’ type=’text’ value=”/>
<div>Your Message: <em>(required)</em></div>
<textarea class=’contact-form-email-message’ 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’ type=’button’ value=’Send’/>
<div style=’text-align: center; max-width: 450px; 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>

Then give a nice title for that page.
After giving a nice name hit the “Publish” button.
That’s it !

I hope these steps will be useful for you. If you have still any doubts about adding this to your blog then feel free to share it with us. We are ready to help you !