How To Add Contact Form (Contact Us Page) in Blogger

How To Add Contact Form (Contact Us Page) in Blogger

  21:53    Amit Kumar

---

Having a contact page on your blog is highly important. It is how visitors, brands and companies can reach you and it's something that every bloger should have. If sharing your email address on your blog is not your cup of tea, a contact form can serve as an easy way for others to get in tough. You can copy below code and paste there you want.

<div><div style="float:left">
<script>
var blogId = '<Enter your blogid>';//this number should be mandatorily edited.
//The below message 5 Strings can also be edited
var contactFormMessageSendingMsg ='Sending...';
var contactFormMessageSentMsg = 'Your message has been sent.';
var contactFormMessageNotSentMsg = 'Message could not be sent. Please try again later.';
var contactFormEmptyMessageMsg ='Message field cannot be empty.';
var contactFormInvalidEmailMsg = 'A valid email is required.'

var widgetLoaded=false;
function sendEmailMsg() {
if(widgetLoaded== false) {
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'sidebar', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': contactFormMessageSendingMsg , 'contactFormMessageSentMsg': contactFormMessageSentMsg , 'contactFormMessageNotSentMsg': contactFormMessageNotSentMsg , 'contactFormInvalidEmailMsg': contactFormInvalidEmailMsg , 'contactFormEmptyMessageMsg': contactFormEmptyMessageMsg , 'title': 'Contact Form', 'blogId': blogId, 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
widgetLoaded=true;
document.getElementById('ContactForm1_contact-form-submit').click();
}
return true;
}
</script>
<form name='contact-form'>
<div>Your Name : </div>
<input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/>
<div>Your Email: <em>(required)</em></div>
<input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/>
<div>Your Message: <em>(required)</em></div>
<textarea class='contact-form-email-message' 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' onclick="sendEmailMsg()"/>
<div style='text-align: center; max-width: 450px; 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 style="text-align:center"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn5Dn-qCbIqT949GcJ4eA-WRPenLjN5Yl1o8TD95fi1YMQjr5T-FBUIOKVe-7H4rZc7z1YADsV8nqgP_1_RZY8CdpbcZMRqz6vgpfRtNJfea2akXZfRDo16bxsTRFRyXktXGmcSY8Wu1k/s1600/noticeboard_savemoneyindia.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn5Dn-qCbIqT949GcJ4eA-WRPenLjN5Yl1o8TD95fi1YMQjr5T-FBUIOKVe-7H4rZc7z1YADsV8nqgP_1_RZY8CdpbcZMRqz6vgpfRtNJfea2akXZfRDo16bxsTRFRyXktXGmcSY8Wu1k/s320/noticeboard_savemoneyindia.jpg" width="320" height="201" data-original-width="310" data-original-height="195" /></a>
</div>
</div>