Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

How to Create Contact Us Page in Median Ui v1.6 Blogger Template

Hello Guys, welcome to TechBrainaic. In this post, I will be sharing with you the easy step by step on how to add Contact Us page on blogger using Median Ui v1.6 template. So, make sure you read to the end and follow each of the steps.


Getting Started

To get started go blogger dashboard, on the homepage copy your blog Id Code from the address bar. Below is an example of how the blog Id code look like: 


https://www.blogger.com/blog/themes/XXXXXXXXXXXXXXX

The coloured part is your blog id code copy and save it to clipboard.


How to Create a Page on Blogger


  • From your blogger dashboard create a new page and name it Contact Us, remember to fill in the search description on your new page.
  • Switch to HTML mode then copy and paste the code below into your page content.
 

 
   
     
       
        Name
     
   
   
     
       
        Email
     
      Valid email required
   
   
     
       
        Message
     
      Empty messages not accepted
   
   
     
   
   
     

     

   
 

_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': 'XXXXXXXXXXXXXXX', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull')); var inputs = document.querySelectorAll('.widget input[type=text], .widget input[type=email], .widget textarea'); for (var i = 0; i */

 Remember to change the highlighted part in the above code with your blog id, there are at least four of the same codes that you must change to your blog id.

You May Like These :

  • How to Claim 140,000,000 SBULL Token Worth $42 on 5Roi.Com
  • Hero or Villain Battle Royale Mod APK 1.0.5 (Premium unlocked)
  • Infinix Note 11 Series Receives New OTA Update with Extended RAM Support

How to Customize Contact Us Page

  1. [xxxxxxxxxxxxxxx]: Your blog id, there are 4 times writing in the code above.
  2. [www.your_blog.com]: Your blog address (without http / https)
  3. [Your Name, Email, Message]: Input title in the contact form.
  4. [Submit]: Text on submit button.
  5. [Sending ...]: Text when sending messages
  6. [Your message has been sent. ]: Message notification text sent.
  7. [Message could not be sent. Please try again later. ]: The message notification text was not sent.
  8. [A valid email address is required. ]: Invalid email notification text.
  9. [A Message field cannot be empty. ]: Text notification when message body is blank.
Now you are all done just press on publish, and publish your page and share it with your friends

Hope I was able to make you understand How to Create Contact Us Page in Median Ui v1.6. And if you still have any issues related to this, feal free to ask me in the comments, I would be happy to answer!

That's All 

 Thanks for reading our blog

Have a great day ahead!😍



This post first appeared on TechBrainaic, please read the originial post: here

Share the post

How to Create Contact Us Page in Median Ui v1.6 Blogger Template

×

Subscribe to Techbrainaic

Get updates delivered right to your inbox!

Thank you for your subscription

×