How to Create Contact Page in Median Ui

How to Create a Contact Page in Median Ui, How to create a working contact in Median ui, contact page in Median ui, Median Ui 1.3
Hello, guys welcome to infinity blogger day we are going to learn that how to create a contact page in our median UI blogger template.

What is a contact us page?

If you are new to blogging and don't know that what is contact us page, then don't worry I am here to guide you, contact us page is a static page from where our users can contact us easily. In simple words, we can say that contact us is a page on our website from where users or our viewers can contact us easily and share their problems with us.

Advantages of the contact us page?

There are many advantages and I am going to all of them one by one, every website must have the contact us page otherwise Google AdSense will not approve your website for monetization, so you must have a contact us page on your website. With the help of the contact us page, you can easily interact and contact with your user or viewer without sharing your personal contact details and this is the best thing for every blogger.

Disadvantages of contact us page?

There are no advantages to the contact us page if you don't have to contact us page on your website then your website will level approved by Google AdSense in Google will also not trust your website, so I highly recommend you to create a contact us page on your website.

Create a contact us page

It's very easy and simple to create a contact us page on your website, you just have to follow the process given below.
First, you have to get your blog ID code, it's very easy on the blogger post page, just look at the address bar, then you will find an example link like the one below;

Don't Forget To Follow Our Blog

https://www.blogger.com/blog/posts/1234567890000000000
The marked part is your blog id code, please copy it because this code will be needed when creating our contact page

So First,

  1. You need to create a new page, don't forget to fill in the search description on your new page:
  2. After that, switch to HTML mode then copy and paste the code given below into your page:

Don't Forget To Follow Our Blog
/* InfinityBlogger.In */
<div class='ContactForm' id='ContactForm1'>
  <form name='contact-form'>
    <div class='input-area'>
      <label for='ContactForm1_contact-form-name'>Name</label><input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' type='text' value='' /></div>
    <div class='input-area'>
      <label for='ContactForm1_contact-form-email'>Email<span>*</span></label><input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' type='text' value='' /></div>
    <div class='input-area'>
      <label for='ContactForm1_contact-form-email-message'>Message<span>*</span></label><textarea class='contact-form-email-message' id='ContactForm1_contact-form-email-message' name='email-message'></textarea></div>
    <div class='input-area'>
      <input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='Send' /></div>
    <div class='notif-area'>
      <p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p>
      <p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p>
    </div>
  </form>
</div>
<script src='https://www.blogger.com/static/v1/widgets/2271878333-widgets.js'></script>
<script>//<![CDATA[
if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV1";window['blogger_blog_id'] = '1234567890000000000';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d1234567890000000000','//www.namablog.com/','1234567890000000000');
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'footer1', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': 'Sending...', 'contactFormMessageSentMsg': 'Your message has been sent.', 'contactFormMessageNotSentMsg': 'Message could not be sent. Please try again later.', 'contactFormInvalidEmailMsg': 'A valid email address is required.', 'contactFormEmptyMessageMsg': 'Message field cannot be empty.', 'title': 'Contact Form', 'blogId': '1234567890000000000', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull')); //]]></script>
 /* InfinityBlogger.In */
Don't forget to Change the part marked in the code above with your blog id, there are at least three of the same codes that you must change to your blog id.

Change This:

  • [1234567890000000000] : Your blog id, there are 4 times writing in the code above
  • [www.namablog.com] : Your blog address (without HTTP / HTTPS)
  • [Your Name, Email, Message]: Input title in the contact form
  • [Submit]: Text on submit button
  • [Sending ...]: Text when sending messages
  • [Your message has been sent. ]: Message notification text sent
  • [Message could not be sent. Please try again later. ]: The message notification text was not sent
  • [A valid email address is required. ]: Invalid email notification text
  • [A Message field cannot be empty. ]: Text notification when message body is blank



Publish your page and please test whether the contact widget is successful or not! If implemented correctly, such as adding your blog id to all the marked sections, there should be no errors. And If you face any Issues, Feel Free To Contact me!