contact us page is a important page of your website where you can allow
your visitors to contact you easily and to make it more easy
i am gonna show you how to show contact us form in contact us page.
so let's start.
How To Show contact us form in blogger contact us page.
go to blogger.com and create new page if you don't have already.
How To Create New page in blogger
edit your page in HTML Mood by clicking on HTML Button.
now past following code in your page by replacing Blogid which is in red color.
where you can find your blogid?
you can find your blog in your blog dashboard url
go to blogger.com and click on your blog title
now see your dashboard url
which look like
blogger,com/blogger.g?blogID=67958524584586625#overview/src=dashboard
the numbers in red area are your blog id just copy your blog id and replace with 67958524584586625 in above script.
go to blogger.com and create new page if you don't have already.
How To Create New page in blogger
edit your page in HTML Mood by clicking on HTML Button.
<script>
var blogId = '67958524584586625';
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>
<br />
<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="" />
<br />
<div>
Your Email: <em>(required)</em></div>
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />
<br />
<div>
Your Message: <em>(required)</em></div>
<textarea class="contact-form-email-message" id="ContactForm1_contact-form-email-message" name="email-message" rows="5" style="height: 524px; margin: 0px; width: 610px;"></textarea>
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" onclick="sendEmailMsg()" type="button" value="Send" />
<br />
<div style="max-width: 450px; text-align: center; width: 100%;">
<div class="contact-form-error-message" id="ContactForm1_contact-form-error-message">
</div>
<div class="contact-form-success-message" id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
where you can find your blogid?
you can find your blog in your blog dashboard url
go to blogger.com and click on your blog title
now see your dashboard url
which look like
blogger,com/blogger.g?blogID=67958524584586625#overview/src=dashboard
the numbers in red area are your blog id just copy your blog id and replace with 67958524584586625 in above script.
Dear readers, after reading the Content please ask for advice and to provide constructive feedback Please Write Relevant Comment with Polite Language.Your comments inspired me to continue blogging. Your opinion much more valuable to me. Thank you. Conversion Conversion Emoticon Emoticon