How To Show Contact Us Form In Contact Us Page In Blog

This post is about how to create pages ( Contact Us , About Us , Privacy Policy) in blogger blog.

Today am again back with a new important tutorial. In this tutorial, i am going to  show you how to show contact us form in contact us page. Guyz, Contact us page is very important your blog because any of your site/blog visitor can sens you private messege in Contact us page. So today i will show you how to show contact us form like (Name , email , mesaege & send) in contact us page.

So First Of All Go To Blogger.com and Log In With Your Gmail Account. If you don't have any blog then first make a blog and then try this method.

After login, you will see a page with your blog title. Just click on it and open your blog.

Then In Dashboard menu, click on "Pages"

Then A New Window will open with some pages. I have created pages allready. If you want to show contact us form in contact us page then first create page by going to page>new page>name>create

Ok In my next tutorial , i will teach you how to create new page in blogger blog.

Ok when you see some pages, click on Contact Us page

And edit it

Click On Edit And Edit The Page

First Write SomeThing As I Written In ScreenShot Then Click On Edit HTML & Copy This Code & Paste There

<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', 'con

In This HTML code , You Will See A Number "67958524584586625" Just remove this number and paste Your BLOG ID number.

Where You can Find Your Blog ID?

No prob just go to blogger.com and sign in then click on your blog title. When New Window Will Open , Click On Blog URL

Just Drag it by left side. You will see your blog ID Code Copy It and Paste It In HTML box.

Work is Done:::

Contact Form Is Created Successfully.

Thanks For Visiting