Thursday , March 30 2017
Home / blogger / Create blogger contact form

Create blogger contact form

How to Create blogger contact form in blog. 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  blogger contact form in contact us page. So let’s start.

How To Create blogger contact form.

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.

blogger contact form
Create blogger contact form

Now past following code in  your page by replacing Blogid which is in red color.

<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 blog id  for Create blogger contact form?

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. Hope you will learn a lot with Create blogger contact form tutorial. If you have any question comment below. Thnaks

blogger-contact-form-2
Create blogger contact form

Check Also

Auto Post

Blogger Post Auto Post On Your Google puls

Today i will tell you how to Blogger Post Auto Post On Your Google puls. …

Leave a Reply

Your email address will not be published. Required fields are marked *