in , ,

Add Contact Us Page for Blogger Blog With Median-UI

add contact us page for blogger, mashbyte.com,cobiegh,median ui, fletro pro 5.5

Guys today i just want to accomplish this task asked by many of you visiting this Blog, so in our post today, i will just show you how i add contact us page to our blog, which can be seen on the menu bar, on the left side of this This Blog.. 

What is contact us page use for? i know the novice bloggers of today or those who just started blogging recently might wish to know what this is all about, so in my simple definition, A contact us page, is a certain part of your Blog/site/or Business page where people or customers who want to reach you can easily do so by just filling a form on your page to start a conversation with you…
Moreover, Contact us page, is an essential part of Google Adsense Policies,aside Sitemap,Privacy, etc… to be able to use and be aproved for Adsense, you must have a contact us page on your site, the reson why Google made this compulsory is to enhance user experience and to also make your site conducive for your users or visitors,.
Also by Providing a contact us page on your site, it helps to monitor the number of active customers who are interested in your products, whereby, you learn to improve in your services, to suit your customers…
That’s just by the way…

So to start lets follow this simple steps…..

  1. First open your Blogger Dashboard, and scroll to your blog you want to add the page
  2. Now, Click on Page tab, for us to create a new Page…
  3. Name the Page, with the tile “Contact” or Contact us which ever way you wan it…
  4. Now on the Page switch to HTML mode and just copy and paste the code below… 

        /* Contact Us Page by CobieGh */
<div class="ContactForm">
  <form name="contact-form">
    <div class="input-area">
      <label>Your Name</label><input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" type="text" value="" /></div>
    <div class="input-area">
      <label>Your 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>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'] = '3298730403807983891';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogIDx3d3298730403807983891','//www.mashbyte.com/','3298730403807983891');
_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': '3298730403807983891', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull')); //]]></script>

Information:

Kindly, change the higlighted codes and replace it with your own…. and save the page.. or Publish it and have a look…

Enjoy!!!!! And  Happy New Month!!

Note:- We will be updating this method soon… so kindly hit the subscribe button for be abreast with the nest update….

I hope you find this useful, but if in any case you find it difficult to apply this , then leave a comment below for help and a quick reply, or use our Contact page for a personal assistant.

Note: You have the right to share this with anyone of your choice or on your blog….but Don’t forget to link back to MashByte.com.… Read our ToC  or our DMCA here to understand how our Terms very well.

Remember to Subscribe and  share……. 

What do you think?

Written by Kwabena

Kwabena is a tech freak, passionate about every new gadget and technology that comes his way. Always searching, always curios, he managed to gather an astounding experience that is very useful in his Info-Tech career.....

Comments

How to Integrate Google Custom Search Engine to Blogger Blog