Contact Form for Blogger on Page for Blogger

Contact Form for Blogger on Page

 Step 1: Add Contact Form gadget in Layout

After Contact form gadget is added, please drag and drop it below Blog Posts gadget, then click Save arrangement button.

 Step 2: To hide contact form widget go to your Template, and click Edit HTML and find:

]]></b:skin>

Step 3: Insert before the ]]></b:skin> code:

.widget.ContactForm {
 display: none;
 }

 Step 4: Create new Page, then name the page "Contact" and paste code below in the html mode;

<style type="text/css">
 .widget.ContactForm {
 display: block;
 }
 .post-footer {
 display: none;
 }
 #blog-pager {
 display: none;
 }
 .blog-feeds {
 display: none;
 }
 .widget.ContactForm .title {
 display: none;
 }
 .widget.ContactForm * {
 max-width: 100%;
 }
 </style>

Step 5: Save