How To Add Blogger Contact Form Into Page

Step by step instructions to Add Blogger Contact Form Into A Page 

In last instructional exercise, I told you the best way to add Blogger's authentic contact structure to your Blogger blog. You can likewise include Blogger contact structure into a page of your Blogger site. It will work completely fine and it won't break anything. Give me a chance to demonstrate to you how:

[alert style="red"]Note: In request to add contact structure to a page, you first need to add the contact structure gadget to the sidebar of your Blogger.[/alert]

Concealing Contact Form From Your Sidebar 

Initially, we have to conceal the default contact structure from your Blogger's sidebar gadget. Explore to your Dashboard > Template > Edit HTML. Inquiry and glue this code simply above ]]>
>: 
#ContactForm1{
display: none !important;}

Adding Contact Form To A Page 

Presently, we will add the contact structure to a static page of your Blogger blog. Explore to your Dashboard > Posts, and snap on New Page and select Blank Page.

Presently, in your clear page, click on HTML choice to change to HTML supervisor mode. Include following code Copy And Paste in HTML  and Publish your page:

name='contact-form'>

Name
/>

class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' value='' type='text' />

Email

style='font-weight: bolder;'>*
/>

class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' value='' type='text' />

Messagestyle='font-weight: bolder;'>*
/>

<span class="crayon-e" style="box-sizing: inherit; border: 0px; font-size: inherit !important; font-style: inherit; font-weight: inherit !important; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; font-family: inherit; height: inherit; line-height: inherit !important; color: teal !important;">class</span><span class="crayon-o" style="box-sizing: inherit; border: 0px; font-size: inherit !important; font-style: inherit; font-weight: inherit !important; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; font-family: inherit; height: inherit; line-height: inherit !important; color: rgb(0, 111, 224) !important;">=</span><span class="crayon-s" style="box-sizing: inherit; border: 0px; font-size: inherit !important; font-style: inherit; font-weight: inherit !important; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; font-family: inherit; height: inherit; line-height: inherit !important; color: rgb(221, 17, 68) !important;">'contact-form-email-message'</span><span class="crayon-h" style="box-sizing: inherit; border: 0px; font-size: inherit !important; font-style: inherit; font-weight: inherit !important; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; font-family: inherit; height: inherit; line-height: inherit !important; color: rgb(0, 111, 224) !important;"> </span><span class="crayon-e" style="box-sizing: inherit; border: 0px; font-size: inherit !important; font-style: inherit; font-weight: inherit !important; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; font-family: inherit; height: inherit; line-height: inherit !important; color: teal !important;">cols</span><span class="crayon-o" style="box-sizing: inherit; border: 0px; font-size: inherit !important; font-style: inherit; font-weight: inherit !important; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; font-family: inherit; height: inherit; line-height: inherit !important; color: rgb(0, 111, 224) !important;">=</span><span class="crayon-s" style="box-sizing: inherit; border: 0px; font-size: inherit !important; font-style: inherit; font-weight: inherit !important; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; font-family: inherit; height: inherit; line-height: inherit !important; color: rgb(221, 17, 68) !important;">'25'</span><span class="crayon-h" style="box-sizing: inherit; border: 0px; font-size: inherit !important; font-style: inherit; font-weight: inherit !important; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; font-family: inherit; height: inherit; line-height: inherit !important; color: rgb(0, 111, 224) !important;"> </span><span class="crayon-e" style="box-sizing: inherit; border: 0px; font-size: inherit !important; font-style: inherit; font-weight: inherit !important; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; font-family: inherit; height: inherit; line-height: inherit !important; color: teal !important;">id</span><span class="crayon-o" style="box-sizing: inherit; border: 0px; font-size: inherit !important; font-style: inherit; font-weight: inherit !important; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; font-family: inherit; height: inherit; line-height: inherit !important; color: rgb(0, 111, 224) !important;">=</span><span class="crayon-s" style="box-sizing: inherit; border: 0px; font-size: inherit !important; font-style: inherit; font-weight: inherit !important; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; font-family: inherit; height: inherit; line-height: inherit !important; color: rgb(221, 17, 68) !important;">'ContactForm1_contact-form-email-message'</span><span class="crayon-h" style="box-sizing: inherit; border: 0px; font-size: inherit !important; font-style: inherit; font-weight: inherit !important; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; font-family: inherit; height: inherit; line-height: inherit !important; color: rgb(0, 111, 224) !important;"> </span><span class="crayon-e" style="box-sizing: inherit; border: 0px; font-size: inherit !important; font-style: inherit; font-weight: inherit !important; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; font-family: inherit; height: inherit; line-height: inherit !important; color: teal !important;">name</span><span class="crayon-o" style="box-sizing: inherit; border: 0px; font-size: inherit !important; font-style: inherit; font-weight: inherit !important; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; font-family: inherit; height: inherit; line-height: inherit !important; color: rgb(0, 111, 224) !important;">=</span><span class="crayon-s" style="box-sizing: inherit; border: 0px; font-size: inherit !important; font-style: inherit; font-weight: inherit !important; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; font-family: inherit; height: inherit; line-height: inherit !important; color: rgb(221, 17, 68) !important;">'email-message'</span><span class="crayon-h" style="box-sizing: inherit; border: 0px; font-size: inherit !important; font-style: inherit; font-weight: inherit !important; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; font-family: inherit; height: inherit; line-height: inherit !important; color: rgb(0, 111, 224) !important;"> </span><span class="crayon-e" style="box-sizing: inherit; border: 0px; font-size: inherit !important; font-style: inherit; font-weight: inherit !important; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; font-family: inherit; height: inherit; line-height: inherit !important; color: teal !important;">rows</span><span class="crayon-o" style="box-sizing: inherit; border: 0px; font-size: inherit !important; font-style: inherit; font-weight: inherit !important; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; font-family: inherit; height: inherit; line-height: inherit !important; color: rgb(0, 111, 224) !important;">=</span><span class="crayon-s" style="box-sizing: inherit; border: 0px; font-size: inherit !important; font-style: inherit; font-weight: inherit !important; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; font-family: inherit; height: inherit; line-height: inherit !important; color: rgb(221, 17, 68) !important;">'5'</span><span class="crayon-r" style="box-sizing: inherit; border: 0px; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; font-family: inherit; height: inherit; font-size: inherit !important; font-weight: bold !important; line-height: inherit !important;">></span><span class="crayon-r" style="box-sizing: inherit; border: 0px; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; font-family: inherit; height: inherit; font-size: inherit !important; font-weight: bold !important; line-height: inherit !important;">

class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' value='Send' type='button' />

style='text-align: center; max-width: 222px; width: 100%'>

class='contact-form-error-message' id='ContactForm1_contact-form-error-message'>

class='contact-form-success-message' id='ContactForm1_contact-form-success-message'>