Contact us page is significant for a website to communicate with its users. The user can send his query, doubt or question using the contact form provided in a website. In this article, we’ll understand how to create working contact us form page for the Blogger blog.

Blogger allows you to add a contact us form gadget in the sidebar or footer section of the blog. But it does not look professional, so a dedicated contact us page should be there.

Create a custom Contact US Form for the Blogger.

You have to add the code given below in the “HTML” section of your page. We provide you contact us form page for the Blogger blog.

The code snippet will work with Blogger 1.0 and also with 2.0. You have to enter the blog id and the contact us page code generated for the Blogger blog.

Find the Blogger blogID.

Log in to Blogger Dashboard, now check the URL of it. You can see a similar URL as displayed below. Copy the number, similar to highlighted one from your Blogger address (URL).

<div class="contact-form-widget"> <div class="form"> <form name="contact-form"> <p>Name</p><input class="contact-form-name" id="ContactForm_contact-form-name" name="name" size="30" type="text" value="" /> <p>Email<span style="font-weight: bolder;">*</span> </p><input class="contact-form-email" id="ContactForm_contact-form-email" name="email" size="30" type="text" value="" /> <p>Message<span style="font-weight: bolder;">*</span> </p><textarea class="contact-form-email-message" cols="25" id="ContactForm_contact-form-email-message" name="email-message" rows="5">

Create a Contact us Form Blogger Page

To paste the above script, you must enable the HTML mode in the page.

1. Enter Title for the contact us page.
2. Click on the edit (pencil symbol) to switch to HTML mode.
3. Paste the above generated code and publish.