Plus UI is a Modern Responsive Blogger Template, which will provide you amazing and useful About Page Create . If you also want to download this theme then do it from here.
Read More:
1. Download (Latest!) Plus Ui V2.6.2 Blogger Theme
2. How To Create Plus UI About page
These 3 pages are very important in any blog or website;- About
- Contact
- Sitemap
So I am going to tell you in this article - How to create Contact Page of Stylish Plus Ui V2.6.2 in Blogger blog website. how to create Contact page in Plus Ui V2.6.2 blogger premium theme.
Demo Here
Got a question? We'd love to hear from you. Send us a message and we'll respond as soon as possible.
Contact Page for Plus Ui Blogger Theme
If you want to know how to put Contact page of plus ui blogger theme in your blog,
Now I am going to tell you Contact us stylish and modern class Contact page for blog.
So let's start how to create an Contact Us page for your blog?
To set up an Contact Page, first open your blogger Dashboard & Click on the page and create a new page.
Copy the code given below completely and paste it in the html view of your HTml Code Paste in
<p>Got a question? We'd love to hear from you. Send us a message and we'll respond as soon as possible.</p> <div class='ContactForm' id='ContactForm1'> <form name='cForm'> <div class='cArea'> <label> <input class='cInpt cName' id='ContactForm1_contact-form-name' name='name' type='text' /> <span class='n'>Name</span> </label> </div> <div class='cArea'> <label> <input class='cInpt cMail' id='ContactForm1_contact-form-email' name='email' type='email' /> <span class='n req'>Email</span> </label> <span class='h'>Valid email required</span> </div> <div class='cArea'> <label> <textarea class='cInpt cMsg' id='ContactForm1_contact-form-email-message' name='message' rows='3'></textarea> <span class='n req'>Message</span> </label> </div> <div class='cArea'> <input class='cBtn' id='ContactForm1_contact-form-submit' type='button' value='Submit' /> </div> <div class='tNtf alt'><p id='ContactForm1_contact-form-error-message'></p></div> <div class='tNtf alt'><p 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[*/ /* Contact Form Settings */ var contactSettings = { 'domain': blogUrl, 'blogId': blogID, 'contactFormMessageSendingMsg': '<span>Sending...</span>', 'contactFormMessageSentMsg': '<span><i class="check"></i>Your message has been sent.</span>', 'contactFormMessageNotSentMsg': '<span>Message could not be sent. Please try again later.</span>', 'contactFormInvalidEmailMsg': '<span><i class="warn"></i>A valid email address is required.</span>', 'contactFormEmptyMessageMsg': '<span><i class="warn"></i>Message field cannot be empty.</span>', 'title': 'Contact Form', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do' }; if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV1"; window['blogger_blog_id'] = contactSettings['blogId']; BLOG_attachCsiOnload(''); } _WidgetManager._Init('//www.blogger.com/rearrange?blogID\\' + contactSettings['blogId'], contactSettings['domain'], contactSettings['blogId']); _WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'footer1', null, getid('ContactForm1'), contactSettings, 'displayModeFull')); var inputs = qSell('.widget input[type=text], .widget input[type=email], .widget textarea'); for (var i = 0; i < inputs.length; i++) { var input = inputs[i]; input.addEventListener('input', function() { var bg = this.value ? 'fl' : 'nfl'; this.setAttribute('data-text', bg); }); } /*]]>*/ </script>
Rate This Article
Thank You So Much How To Create Plus Ui Contact Page | Creator Faruk For Reading This Article.
