How to Create Contact Form in Blogger

How to Create Contact Form in Blogger – Having a contact form / contact us / my contact / is a condition of completeness of a blog, meaning to look more professional. The goal is to get you more easily contacted.

There may be advertisers who are interested in advertising on your blog, but confused to contact you, this contact form is the answer. Although you can only just write your e-mail address without using this contact form. But with the contact form, visitors will be easier to contact you, without having to open e-mail first.

For those who want to register Google AdSense, this contact page is absolutely necessary (according to AdSense experts). There is also truth to that opinion, because this contact form can convince the publisher that your blog looks more professional.

Look at the big blogs, they always create a special contact page. What’s more your blog is an online store.

You can place this form on sidebar, static page column or even under your article. In accordance with your taste. Usually a contact form placed on a page column with the title “contact us”.

Here I will give tips on how to create contact form in blogger on a static page.

How to Create Contact Form in Blogger

1. Log into your blogger dashboard.

2. Select a page

3. Create a new page

4. Give the title according to your wishes, usually “Contact Us” or “Contact”

5. Change to html mode

6. Copy and paste the following code:

<div dir=”ltr” style=”text-align: left;” trbidi=”on”><b>Contact Us</b>
<script>var blogId = ‘xxxxxxxxxxxxxxxxxxx‘;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’: ‘’}, ‘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″></textarea>
<input class=”contact-form-button contact-form-button-submit” id=”ContactForm1_contact-form-submit” onclick=”sendEmailMsg()” type=”button” value=”Send” />
<br /><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></div>

7. Replace the red text with your blog Id. Your Blog Id is on the back link. As blogID = 5374 …. the number is what you enter.

How to Create Contact Form in Blogger


8. Save. See the results in preview. If no errors occur, publish them.

Here’s how it looks:

how to create contact form in blogger

Simple but elegant!

Later, all incoming messages will point to your blogger’s Gmail. You can custom this form for various needs, such as for registration forms, financing etc.

OK, I hope this simple trick about “How to Create Contact Form in Blogger” can help you. Happy Blogging!

Related Post

Leave a Reply

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