Add a Custom Contact Form For Blogger

Having a custom Custom Contact FORM can make things easy as not only you can further customize it from that OLD looks but also you can also have a dedicated page of a CONTACT US PAGE

All you need to do is


  • GO to blogger Dashboard and then to Layout and then add a gadget Contact form, then you need to hide it so then GO to edit Template in Template
  • And find this code ]></b:skin>    and just above it paste this

#ContactForm1{
display: none !important;
}

Now create a page, name it as Contact us and paste the following code in EDIT html view and paste this and then publish it

  <form name='contact-form'><p></p>Name<br /><input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' value='' type='text' /><p></p>Email<span style='font-weight: bolder;'>*</span><br /><input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' value='' type='text' /><p></p>Message<span style='font-weight: bolder;'>*</span><br /><textarea class='contact-form-email-message' cols='25' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'></textarea><p></p><input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' value='Send' type='button' /><p></p><div style='text-align: center; max-width: 222px; width: 100%'><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>

Comments

Popular posts from this blog

Youtube Video Presentation

Create Quality and ClickBait Thumbnail

How to hack wifi using backtrack