How to create separate contact page in blogger

Now-a-days blogging has been passion for a online lovers. Everyone feel themselves to involve with blogging and it's a very good news that anyone can now make a personal blog at free of cost using www.blogger.com. After creating the blog you need to design and seo your blog properly for getting lots of visitors. You need to arrange blogger widget properly as well.

Create separate page in blogger blog

Now you can add contact form widget in your blogspot blog. But you can place it only in sidebar. But most of us don't want to place it in sidebar. They want different and separate contact page in his blogger blog and it's look like professional blog. If you think you need to make separate contact page this tutorial will help you. Just follow the easy steps below and make a different/separate contact page.

1. At first login to your blogger dashboard and create a new page.

2. Now give the title of the page 'Contact me' and switch to html mode.

3. Now copy the code from below and paste it page body.

<form name='contact-form'>
<div>Your 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>

4. Before publishing the page click on 'option' and turn off the comment. To turn off the comment
    select 'Don't allow, hide existing'. That's it. Happy blogging.