There is a widget feature on the Blogger system. That allows you to add a Contact Us form gadget in the sidebar or footer section of the Blogger website. But it does not look professional, so a dedicated contact us page should be there.

Create a Blogger Contact Us Page.

Find out bellow given HTML code, Simply copy codes and paste it on the " newly created blog page" and follow the steps:

------------------------------------------------------------------------------------------------------------------

<h2> Fill out the form given below to contact us.</h2>
<p>We'll like to hear from you.</p>


<div style="text-align: center; color: green;">
    You can reach us by filling out this form
</div>
<div class="contact-form-widget">
    <div class="form">
        <form name="contact-form">
            <p></p>
            Name
            <br />
            <input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />
            <p></p>
            Email
            <span style="font-weight: bolder;">*</span>
            <br />
            <input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />
            <p></p>
            Message
            <span style="font-weight: bolder;">*</span>
            <br />
            <textarea class="contact-form-email-message" cols="25" 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" />
            <p></p>
            <div style="max-width: 222px; text-align: center; 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>
    </div>
</div>

--------------------------------------------------------------------------------------------------------------------

CTRL+F and find out </head>

To edit the Blogger theme, visit Theme>Customize>Edit HTML. Add the bellow mentioned code, above the </head> tag. and save it. You are done! Now everybody can send emails through Contact Us form. 


--------------------------------------------------------------------------------------------------------------------

<style>
#ContactForm1{display:none;}
</style>


How to Create a Contact Us Page


Create A New Page in Blogger
  1. Visit Blogger Dashboard, Click on Pages
  2. Click on Create New Page.

Blogger Page Edit HTML Page
  1. Enter the Title of the Contact Us page. " Contact Us" or "Contact Me" whichever suits you.
  2. Click on the edit (pencil symbol) to switch to HTML mode.
  3. Paste the above HTML code and publish. You are Done!!
  4. Before publishing the page please edit On the right-hand side of the page go to the Options tab and tick mark on " Do not allow, hide existing"

Try sending the email. You will receive all emails on the email address linked with Blogger.