How to show Contact form in a unique Page

Unknown | 04:15 | 0 comments

During I was chatting with one of a my face book friend he ask from me, is there is a method to display contact form widget in a unique page. That is mean her requirement is to display contact form in the contact us page without getting other service supplier. 

So I thought that that problem is a comment problem for most of blogger. Therefor I decided to teach how to ad contact form to a blog page. Here is the method and follow it. 

Step 1 : Firstly you have to ad a bank page.
Add a blank page in blogger
Step 2 : Then select HTML tag and go to options.
Step 3 : Select "Use <br>" tag in the Line "breaks section"
Stem 4 : Then past bellow codes block in your blank page.

<form name="contact-form">
Your Name:<br />
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />

Your Email:
<span style="color: red; font-weight: bolder;">*</span><br />
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />

Your Message: <span style="color: red; 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>

<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Send" />

<div style="max-width: 222px; text-align: center; width: 100%;">
<div class="contact-form-error-message" id="ContactForm1_contact-form-error-message">
</div>
<div class="contact-form-success-message" id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>


Step 5 : Save and publish your page.





Formatting
You can use your own words for,Your Name,Your Email and Your massage

Category: ,

About GalleryBloggerTemplates.com:
GalleryBloggerTemplates.com is Free Blogger Templates Gallery. We provide Blogger templates for free. You can find about tutorials, blogger hacks, SEO optimization, tips and tricks here!

0 comments