How to add Contact Us page in Blogger?

How to add a custom Contact Us page in Blogger?

For Example: My Contact Us Page

Steps to Add a custom Contact Us standalone page in Blogger:

  1. Go to Layout
  2. Click on Add a Gadget
  3. Select Contact form
  4. Now edit Template HTML
  5. Search for  ]]></b:skin>
  6. Paste div#ContactForm1{display: none !important;} right above it to hide it from landing page.
  7. Now add new page
  8. Paste following code in HTML editor: