How to ad a contact form in blogger

Greetings everyone !!
I hope you are well.....

Today we learn "How to add a contact Page & design it in Blogger"

Features Of This:

⚫ Nice & awesome style
⚫ Easy for use
⚫ No cost.Full free
⚫ Send direct email to admin
⚫ Very faster
⚫ Competitive with any template
⚫ External CSS no need
⚫ Attracted any person
⚫ Easily customizable
⚫ Use for huge response

⚠ This message send to your gmail . That's you use for build your blog.

Direction for use :

At first go to your blog and select the "Page" option from left option bar.Now click on "New Page" option.Here is our main work.Tap on title box and type "contact us".Than the below code copy & paste the main box in this page.

⚠Caution: Change the red marked id number from this code & use it.

📎

<br /> <big><span style="color: orange;">Contact With Our Control Panel</span></big><br /> <br /> <script> var blogId = '<span style="color:red"><b><u>2587897384391953448</u></b></span>';//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><br /> <span style="color: red;">* this mark box must be required</span><br /> <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>*</em></div><input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" /><br /> <div>Your Message: <em>*</em></div><textarea class="contact-form-email-message" id="ContactForm1_contact-form-email-message" name="email-message" rows="5">

How to Get Blogger Id Number

At first login blogger.com & you can now see some of number below the screenshot. Yes,this is your blogger id number.It's copy & paste in that code.
📷

Thanks for reading.
For more updates, please visit us regularly.....◼