How To add Contact Form in Blogger Page

how To add contact form in blogger page 

 Hi friends now am telling you how add contact form in blogger page its easy way u can do it easly..for this 

1st you add a contact form widget from blogger widget page ( dnt worry its hide dnt show on your main page )


Now create a new page in your blog

then add this code in that page :

<form name='contact-form'>
<div>Your Real Name : </div>
<input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/>
<div>Your Email: <em>(required)</em></div>
<input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/>
<div>Your Message: <em>(required)</em></div>
<textarea class='contact-form-email-message' 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' type='button' value='Send'/>
<div style='text-align: center; max-width: 450px; 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>

paste this code in HTML mode so you can easly done..

then in left hand side a comment option show just click on don't allow,hide existing.. then hit done..

now this page work done... :)

go to Template > Edit HTML

with the help of jump widget open contact form widget code..

and then expand the main b:includable 

and now Now delete the code highlighted below 

<b:if cond='data:title != &quot;&quot;'>

...
whole code inside
..

</div>
</form>
</div>
</div> 

now their such code show only

<b:widget id='ContactForm1' locked='false' title='Contact Form' type='ContactForm'>
    <b:includable id='main'>
 
  <b:include name='quickedit'/>
</b:includable>
  </b:widget>

Now you done....you contact form hide from main page and work perfectly on blogger page..

Hope you like my way thaks for reading this :)

 

For more Tips visit Tips2tech

Kindly Share This With Yours Friends.