Create Contact us Page in Blogger
Hello, there! You are at the right place. Here You know - how to make contact us page in Blogger?. It's very simple and no technical experiences are required. Just follow the following steps given below to make contact us page in blogger -
Steps -
- First of all, Go to Blogger dashboard.
- Click on the Pages menu.
- Then click on the + New Page.
- After that, Write a tittle - i.e - Contact us.
- Click on the Pen icon and go the HTML view.
- Lastly, place the HTML Code same as shown here-
HTML Code-
<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"></textarea><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></form> </div></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?blogIDx3d3999577272308613865','//blogspot.com','3999577272308613865');_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':'3999577272308613865','contactFormNameMsg':'Name','contactFormEmailMsg':'Email','contactFormMessageMsg':'Message','contactFormSendMsg':'Send','submitUrl':'https://www.blogger.com/contact-form.do'},'displayModeFull')); </script>