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..
So to start lets follow this simple steps…..
- First open your Blogger Dashboard, and scroll to your blog you want to add the page
- Now, Click on Page tab, for us to create a new Page…
- Name the Page, with the tile “Contact” or Contact us which ever way you wan it…
- 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…….
Discussion about this post