How to create separate contact page in blogger

<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK9BxDy3v9WtPVZG5Kl2LisioNGs_183LBCTm2MljAEVXrir6V9e5_AC4qnrsBKmmA0dUk-mThF3liSSUWu83-5cR7y1ANQmraw0fHw5NIMJ0efjXjk1p2Id0Mkw07NTftSYfepBQCJrQ/s1600/blogger_logo_square_webtreatsetc.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK9BxDy3v9WtPVZG5Kl2LisioNGs_183LBCTm2MljAEVXrir6V9e5_AC4qnrsBKmmA0dUk-mThF3liSSUWu83-5cR7y1ANQmraw0fHw5NIMJ0efjXjk1p2Id0Mkw07NTftSYfepBQCJrQ/s1600/blogger_logo_square_webtreatsetc.png" width="200" /></a></div> <br /> 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.<br /> <br /> <u><b>Create separate page in blogger blog</b></u><br /> <br /> 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.<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnsd-746N_OrzMt7M8Vtp_JnAkJPLj6fQlwQJDzuuK3LoWDXx70UsIOlqZTDUdVCNcN2sj4MFT6RmsQn8tLw7m5FFK7tjGMsUe_ihKEH8CHvAhf4XHyzBUzSsTC5C9c7Dh6QikvjfLhU8/s1600/5.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnsd-746N_OrzMt7M8Vtp_JnAkJPLj6fQlwQJDzuuK3LoWDXx70UsIOlqZTDUdVCNcN2sj4MFT6RmsQn8tLw7m5FFK7tjGMsUe_ihKEH8CHvAhf4XHyzBUzSsTC5C9c7Dh6QikvjfLhU8/s1600/5.JPG" width="400" /></a></div> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> 1. At first login to your blogger dashboard and create a new page.<br /> <br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji8Gpj2UjbYHlCqaBzo_c8y1N52b-DHK6LN0zMtdymjwLNymRG1IOwtjsn3Zd06e7aCvTlp9Fy43Fn7hpGrreMnW1yxko8ALLfI8FFpuj_dfHBrJWEX1VVagYDzXFwx9ZkAM2V1dZOxrA/s1600/1.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="545" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji8Gpj2UjbYHlCqaBzo_c8y1N52b-DHK6LN0zMtdymjwLNymRG1IOwtjsn3Zd06e7aCvTlp9Fy43Fn7hpGrreMnW1yxko8ALLfI8FFpuj_dfHBrJWEX1VVagYDzXFwx9ZkAM2V1dZOxrA/s1600/1.JPG" width="640" /></a></div> <br /> <br /> <span id="goog_211376011"></span><span id="goog_211376012"></span><br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> 2. Now give the title of the page 'Contact me' and switch to html mode.<br /> <br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicfVZUsIQKpFQL_4k09bmNsUhDv0zs8engVcbHpPqdtltz8yPvEtzUdKPh3XgnSzr53VXimUQKfY2w5EHOizz2y6SGYk5meZrKmdikPWlGfxrLi-8j1pu_hO-xp2s19iRZEHhEc1xDJH8/s1600/2.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="355" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicfVZUsIQKpFQL_4k09bmNsUhDv0zs8engVcbHpPqdtltz8yPvEtzUdKPh3XgnSzr53VXimUQKfY2w5EHOizz2y6SGYk5meZrKmdikPWlGfxrLi-8j1pu_hO-xp2s19iRZEHhEc1xDJH8/s1600/2.JPG" width="640" /></a></div> <br /> <div> <br /></div> <div> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> 3. Now copy the code from below and paste it page body.<br /> <br /> <pre class="code" style="background: rgb(238, 238, 238); border: 2px solid rgb(231, 231, 231); color: #333333; font-size: small; font-stretch: inherit; line-height: 25px; margin-bottom: 10px; margin-top: 10px; overflow: auto; padding: 5px 10px; vertical-align: baseline;"><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></pre> <pre class="code" style="background: rgb(238, 238, 238); border: 2px solid rgb(231, 231, 231); color: #333333; font-size: small; font-stretch: inherit; line-height: 25px; margin-bottom: 10px; margin-top: 10px; overflow: auto; padding: 5px 10px; vertical-align: baseline;"></pre> <pre class="code" style="background: rgb(238, 238, 238); border: 2px solid rgb(231, 231, 231); color: #333333; font-size: small; font-stretch: inherit; line-height: 25px; margin-bottom: 10px; margin-top: 10px; overflow: auto; padding: 5px 10px; vertical-align: baseline;"></pre> <pre class="code" style="background: rgb(238, 238, 238); border: 2px solid rgb(231, 231, 231); color: #333333; font-size: small; font-stretch: inherit; line-height: 25px; margin-bottom: 10px; margin-top: 10px; overflow: auto; padding: 5px 10px; vertical-align: baseline;"></pre> <pre class="code" style="background: rgb(238, 238, 238); border: 2px solid rgb(231, 231, 231); color: #333333; font-size: small; font-stretch: inherit; line-height: 25px; margin-bottom: 10px; margin-top: 10px; overflow: auto; padding: 5px 10px; vertical-align: baseline;"></pre> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieihyphenhyphenuunXOWxR_3SkmRK1IHumWofuT7JKrgzQ5AjDzWzInhN2pBJ8angcc_mxe1X03tau5oeU_zDrCqzPNdDNi9j-USbVciPaSegdvX1cg8NshYu5Una4e5bxYK9D0PDwSlqUVSJs8v48/s1600/3.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="444" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieihyphenhyphenuunXOWxR_3SkmRK1IHumWofuT7JKrgzQ5AjDzWzInhN2pBJ8angcc_mxe1X03tau5oeU_zDrCqzPNdDNi9j-USbVciPaSegdvX1cg8NshYu5Una4e5bxYK9D0PDwSlqUVSJs8v48/s1600/3.JPG" width="640" /></a></div> <pre class="code" style="background: rgb(238, 238, 238); border: 2px solid rgb(231, 231, 231); color: #333333; font-size: small; font-stretch: inherit; line-height: 25px; margin-bottom: 10px; margin-top: 10px; overflow: auto; padding: 5px 10px; vertical-align: baseline;"></pre> <pre class="code" style="background: rgb(238, 238, 238); border: 2px solid rgb(231, 231, 231); color: #333333; font-size: small; font-stretch: inherit; line-height: 25px; margin-bottom: 10px; margin-top: 10px; overflow: auto; padding: 5px 10px; vertical-align: baseline;"></pre> <pre class="code" style="background: rgb(238, 238, 238); border: 2px solid rgb(231, 231, 231); color: #333333; font-size: small; font-stretch: inherit; line-height: 25px; margin-bottom: 10px; margin-top: 10px; overflow: auto; padding: 5px 10px; vertical-align: baseline;"></pre> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> 4. Before publishing the page click on 'option' and turn off the comment. To turn off the comment<br />     select 'Don't allow, hide existing'. That's it. Happy blogging.<br /> <br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3-NJzEtc0X-9erjk4QV2-yK5d-O0gKh_JqsIJiEt49ph1J3VbA6Z55EXsctffgTpZUaMS5loCN_p8SIx8e7f3XpZheYBGpZLduN8XT8jYFFcrkQiVfSQyQOvPJXq2QjnBAYuIdCBSXHU/s1600/4.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="305" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3-NJzEtc0X-9erjk4QV2-yK5d-O0gKh_JqsIJiEt49ph1J3VbA6Z55EXsctffgTpZUaMS5loCN_p8SIx8e7f3XpZheYBGpZLduN8XT8jYFFcrkQiVfSQyQOvPJXq2QjnBAYuIdCBSXHU/s1600/4.JPG" width="640" /></a></div> <br /> <br /> <pre class="code" style="background: rgb(238, 238, 238); border: 2px solid rgb(231, 231, 231); color: #333333; font-size: small; font-stretch: inherit; line-height: 25px; margin-bottom: 10px; margin-top: 10px; overflow: auto; padding: 5px 10px; vertical-align: baseline;"></pre> <pre class="code" style="background: rgb(238, 238, 238); border: 2px solid rgb(231, 231, 231); color: #333333; font-size: small; font-stretch: inherit; line-height: 25px; margin-bottom: 10px; margin-top: 10px; overflow: auto; padding: 5px 10px; vertical-align: baseline;"><div style="text-align: left;"> </div> <div style="text-align: left;"> </div> <div style="text-align: left;"> </div> <div style="text-align: left;"> </div> <div style="text-align: left;"> </div> <div style="text-align: left;"> </div> <div style="text-align: left;"> </div> <div style="text-align: left;"> </div> <div style="text-align: left;"> </div> <div style="text-align: left;"> </div> <div style="text-align: left;"> </div> <div style="text-align: left;"> </div> <div style="text-align: left;"> </div> <div style="text-align: left;"> </div> <div style="text-align: left;"> </div> <div style="text-align: left;"> </div> <div style="text-align: left;"> </div> <div class="separator" style="clear: both; text-align: center;"> </div> </pre> </div> </div>

Now-a-days blogging has been passion for a online lovers. Everyone feel themselves to involve with blogging and it's a very good new...

View Post