How to create "Contact form page" to your Blogger site

• Log in to your Blogger account.

 

• Go to the Pages section from the left sidebar.

• Click on New Page 

• Title the page, for example, "Contact ".In the page editor, switch to HTML view by clicking on the HTML button in the top-left corner.

• Copy this code and paste in it.

<div style="color: green; text-align: center;">

    You can reach us by filling 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>

• Save or publish the page.

Example here

You can reach us by filling this form

Name

Email *

Message *