HOW TO CREATE CONTACT US PAGE

                                Introduction to Contact us page

Before creating or implementing a contact page, it is important to have a basic understanding of its purpose. A contact page serves as a valuable tool in safeguarding your Blogger site by preventing spam messages.

With the rise of web bots in recent times, email addresses have become easy targets. Certain bots are specifically designed to search for email addresses to send spam messages.

The contact page plays a crucial role in enabling users to reach out to the webmaster and admin. There are various methods to incorporate a contact page into Blogger, and this post will guide you in setting up a contact page for your Blogger or BlogSpot website.

Adding HTML markup for a contact page is a straightforward process, and there is even a way to integrate a free contact form for Blogger on your blog's sidebar.

so guys Log in to Blogger Dashboard, and now check the URL of it. You can see a similar URL as displayed

How to Add Contact Us Page for the Blogger blog?

Visit your Blogger blog and copy blog ID.as 8469343193492376289

You’ve to log in to the Blogger blog and check the URL and find out the id 8469343193492376289 in coding Html and place your id where you can find your blog ID.

 Copy the code and paste that to the Blogger page.

Publish Contact Us Form

After pasting the code in HTML mode, publish the content as a contact us page.

You’ve to copy the generated script and paste it on the Blogger blog in HTML mode as guided

Creating Contact us blogger page follow 

                                        Replace the highlighted id with your id

     Find out your iD in and copy and replace it with the above-highlighted ID

1. Enter the Title of the Contact Us page.
2. Click on the edit (pencil symbol) 
3. Paste the code and replace the highlighted id with your id
   using the above button and publish.

Enjoy and you’ll receive all emails on the email address linked with Blogger.

below is the complete contact us form Html code copy and bring some changes as guided above.

Code is here copy and paste 

<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><text class="contact-form-email-message" cols="25" id="ContactForm_contact-form-email-message" name="email-message" rows="5"></text> <input class="contact-form-button contact-form-button-submit" id="ContactForm_contact-form-submit" type="button" value="Send"/> <div style="max-width: 222px; text-align: center; width: 100%;"> <p class="contact-form-error-message" id="ContactForm_contact-form-error-message"></p><p class="contact-form-success-message" id="ContactForm_contact-form-success-message"></p></div> <script src="https://www.blogger.com/static/v1/widgets/609130596-widgets.js" type="text/javascript"></script> <script type="text/javascript"> window['__wavt']='AOuZoY4PUAjvdPMazQDQJXJCrDFxkBfenw:1546660985916';_WidgetManager._Init('//www.blogger.com/rearrange?blogIDx3d3879275118338270949','//blogspot.com','3879275118338270949');_WidgetManager._SetDataContext([{'name':'widgets','data':[{'title':'Contact Form','type':'ContactForm','sectionId':'sidebar2','id':'ContactForm'}]}]);_WidgetManager._RegisterWidget('_ContactFormView',new _WidgetInfo('ContactForm','sidebar2',document.getElementById('ContactForm'),{'contactFormMessageSendingMsg':'Sending...','contactFormMessageSentMsg':'Your message has been sent :) ','contactFormMessageNotSentMsg':'Message could not be sent. Please try again later.','contactFormInvalidEmailMsg':'A valid email address is required.','contactFormEmptyMessageMsg':'Message field cannot be empty.','title':'Contact Form','blogId':'3879275118338270949','contactFormNameMsg':'Name','contactFormEmailMsg':'Email','contactFormMessageMsg':'Message','contactFormSendMsg':'Send','submitUrl':'https://www.blogger.com/contact-form.do'},'displayModeFull')); </script>

You Tube video for practical creating contact us form

Conclusion Massage

We have learned how to effortlessly create a Contact Us form page for a Blogger blog with just one click, utilizing the Contact Us form codes provided in the box. I trust that you found this article informative and helpful. If you have any further questions or concerns, please don't hesitate to ask in the comment section below. Thank you for taking the time to read!