How to add contact form to blogger page

In this tutorial you will learn to add contact form to specified blogger page, this tutorial will help you  to add contact form successfully

Add contact form widget to Blog

Log in to blogger account then select "Layout"

Click on "Add a Gadget"

Select "More Gadgets" then select "Contact Form" and click on "+" Mark to add gadget

Click on "Save"

Drag and drop the contact Widget  below Blog Posts gadget

Click on "Save arrangement"

Click on template then select "Edit HTML"

Hide contact form widget in Blogger 

Search "]]></b:skin>" then  insert bellow code before the "]]></b:skin>" 

 .widget.ContactForm {  
  display: none;  
  }  

Copy and paste this code to contact page

 <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>  

That’s it! enjoy using contact form