How to create a contact us page
Contact us by TRYNEW BLOG in html coding.
hello friends,
in this blog i will give the html coding of contact form using this coding you will make your contact page easily. so, guys let's start today's blog.
Coding for contact page
<div dir="ltr" style="text-align: left;" trbidi="on">
<h2 style="text-align: left;">
<span style="background-color: white; color: #2e2e2e; font-family: "open sans" , sans-serif;"><span style="font-size: x-large;">Contact us</span></span></h2>
<span style="background-color: white; color: #2e2e2e; font-family: "open sans" , sans-serif; font-size: 14px;"><br /></span>
<span style="background-color: white; color: #2e2e2e; font-family: "open sans" , sans-serif; font-size: 14px;">If you have any query regrading Site, Advertisement and any other issue, please feel free to contact at </span><strong style="background-color: white; box-sizing: border-box; color: #2e2e2e; font-family: "Open Sans", sans-serif; font-size: 14px; margin: 0px; outline: 0px; padding: 0px; transition: all 0.2s ease 0s;">at1756tiwari@gmail.com@gmail.com</strong><br />
<strong style="background-color: white; box-sizing: border-box; color: #2e2e2e; font-family: "Open Sans", sans-serif; font-size: 14px; margin: 0px; outline: 0px; padding: 0px; transition: all 0.2s ease 0s;">   <div dir="ltr" style="text-align: left;" trbidi="on">
<h2 style="text-align: left;">
<span style="background-color: white; color: #2e2e2e; font-family: "open sans" , sans-serif;"><span style="font-size: x-large;">Contact us</span></span></h2>
<span style="background-color: white; color: #2e2e2e; font-family: "open sans" , sans-serif; font-size: 14px;"><br /></span>
<span style="background-color: white; color: #2e2e2e; font-family: "open sans" , sans-serif; font-size: 14px;">If you have any query regrading Site, Advertisement and any other issue, please feel free to contact at </span><strong style="background-color: white; box-sizing: border-box; color: #2e2e2e; font-family: "Open Sans", sans-serif; font-size: 14px; margin: 0px; outline: 0px; padding: 0px; transition: all 0.2s ease 0s;">at1756tiwari@gmail.com@gmail.com</strong><br />
<strong style="background-color: white; box-sizing: border-box; color: #2e2e2e; font-family: "Open Sans", sans-serif; font-size: 14px; margin: 0px; outline: 0px; padding: 0px; transition: all 0.2s ease 0s;"> </strong><strong style="background-color: white; box-sizing: border-box; color: #2e2e2e; font-family: "open sans", sans-serif; margin: 0px; outline: 0px; padding: 0px; transition: all 0.2s ease 0s;"><span style="font-size: large;">OR</span></strong>
<strong style="background-color: white; box-sizing: border-box; color: #2e2e2e; font-family: "Open Sans", sans-serif; font-size: 14px; margin: 0px; outline: 0px; padding: 0px; transition: all 0.2s ease 0s;"><br /></strong>
<br />
<div dir="ltr" style="text-align: left;" trbidi="on">
<form action="//submit.form" id="ContactUs100" method="post" onsubmit="return ValidateForm(this);">
<script type="text/javascript"> function ValidateForm(frm) { if (frm.Name.value == "") { alert('Name is required.'); frm.Name.focus(); return false; } if (frm.FromEmailAddress.value == "") { alert('Email address is required.'); frm.FromEmailAddress.focus(); return false; } if (frm.FromEmailAddress.value.indexOf("@") < 1 || frm.FromEmailAddress.value.indexOf(".") < 1) { alert('Please enter a valid email address.'); frm.FromEmailAddress.focus(); return false; } if (frm.Comments.value == "") { alert('Please enter comments or questions.'); frm.Comments.focus(); return false; } return true; } </script> <br />
<table cellpadding="8" cellspacing="0" style="border: 0; width: 550px;"> <tbody>
<tr> <td><label for="Name">Name*:</label> </td> <td><input maxlength="60" name="Name" style="width: 250px;" type="text" /> </td> </tr>
<tr> <td><label for="PhoneNumber">Phone number:</label> </td> <td><input maxlength="43" name="PhoneNumber" style="width: 250px;" type="text" /> </td> </tr>
<tr> <td><label for=" at1756tiwari@gmail.com@gmail.com">Email address*:</label> </td> <td><input maxlength="90" name="kingrule234proplayer@gmail.com" style="width: 250px;" type="text" /> </td> </tr>
<tr> <td><label for="Comments">Comments*:</label> </td> <td><textarea cols="40" name="Comments" rows="7" style="width: 350px;"></textarea> </td> </tr>
<tr> <td>* - required fields </td> <td><div style="float: right;">
<a href="https://www.100forms.com/" id="lnk100" title="form to email">form to email</a></div>
<input name="skip_Submit" type="submit" value="Submit" /> <script src="https://www.100forms.com/js/FORMKEY:33UNLHXY2NDN/SEND:my@email.com" type="text/javascript"></script> </td> </tr>
</tbody></table>
</form>
</div>
</div>
Step for make contact page
1. Copy this coding.
2. 2. Chance my g-mail and add your gmail.
3. 3. go to blogger page and then go to page option.
4. 4. give title Contact us.
5. 5. click in html.
6. 6. paste coding now.
7. 7. then click in composed option. Now, you will see your page is ready.
8. 8. now publish your page now.
Friends, now your page is ready. So, guys if you learn something new through this blog. so, please share with your friends and family.
Thanks for reading....................
Contact us by TRYNEW BLOG in html coding.
hello friends,
in this blog i will give the html coding of contact form using this coding you will make your contact page easily. so, guys let's start today's blog.
Coding for contact page
<div dir="ltr" style="text-align: left;" trbidi="on">
<h2 style="text-align: left;">
<span style="background-color: white; color: #2e2e2e; font-family: "open sans" , sans-serif;"><span style="font-size: x-large;">Contact us</span></span></h2>
<span style="background-color: white; color: #2e2e2e; font-family: "open sans" , sans-serif; font-size: 14px;"><br /></span>
<span style="background-color: white; color: #2e2e2e; font-family: "open sans" , sans-serif; font-size: 14px;">If you have any query regrading Site, Advertisement and any other issue, please feel free to contact at </span><strong style="background-color: white; box-sizing: border-box; color: #2e2e2e; font-family: "Open Sans", sans-serif; font-size: 14px; margin: 0px; outline: 0px; padding: 0px; transition: all 0.2s ease 0s;">at1756tiwari@gmail.com@gmail.com</strong><br />
<strong style="background-color: white; box-sizing: border-box; color: #2e2e2e; font-family: "Open Sans", sans-serif; font-size: 14px; margin: 0px; outline: 0px; padding: 0px; transition: all 0.2s ease 0s;">   <div dir="ltr" style="text-align: left;" trbidi="on">
<h2 style="text-align: left;">
<span style="background-color: white; color: #2e2e2e; font-family: "open sans" , sans-serif;"><span style="font-size: x-large;">Contact us</span></span></h2>
<span style="background-color: white; color: #2e2e2e; font-family: "open sans" , sans-serif; font-size: 14px;"><br /></span>
<span style="background-color: white; color: #2e2e2e; font-family: "open sans" , sans-serif; font-size: 14px;">If you have any query regrading Site, Advertisement and any other issue, please feel free to contact at </span><strong style="background-color: white; box-sizing: border-box; color: #2e2e2e; font-family: "Open Sans", sans-serif; font-size: 14px; margin: 0px; outline: 0px; padding: 0px; transition: all 0.2s ease 0s;">at1756tiwari@gmail.com@gmail.com</strong><br />
<strong style="background-color: white; box-sizing: border-box; color: #2e2e2e; font-family: "Open Sans", sans-serif; font-size: 14px; margin: 0px; outline: 0px; padding: 0px; transition: all 0.2s ease 0s;"> </strong><strong style="background-color: white; box-sizing: border-box; color: #2e2e2e; font-family: "open sans", sans-serif; margin: 0px; outline: 0px; padding: 0px; transition: all 0.2s ease 0s;"><span style="font-size: large;">OR</span></strong>
<strong style="background-color: white; box-sizing: border-box; color: #2e2e2e; font-family: "Open Sans", sans-serif; font-size: 14px; margin: 0px; outline: 0px; padding: 0px; transition: all 0.2s ease 0s;"><br /></strong>
<br />
<div dir="ltr" style="text-align: left;" trbidi="on">
<form action="//submit.form" id="ContactUs100" method="post" onsubmit="return ValidateForm(this);">
<script type="text/javascript"> function ValidateForm(frm) { if (frm.Name.value == "") { alert('Name is required.'); frm.Name.focus(); return false; } if (frm.FromEmailAddress.value == "") { alert('Email address is required.'); frm.FromEmailAddress.focus(); return false; } if (frm.FromEmailAddress.value.indexOf("@") < 1 || frm.FromEmailAddress.value.indexOf(".") < 1) { alert('Please enter a valid email address.'); frm.FromEmailAddress.focus(); return false; } if (frm.Comments.value == "") { alert('Please enter comments or questions.'); frm.Comments.focus(); return false; } return true; } </script> <br />
<table cellpadding="8" cellspacing="0" style="border: 0; width: 550px;"> <tbody>
<tr> <td><label for="Name">Name*:</label> </td> <td><input maxlength="60" name="Name" style="width: 250px;" type="text" /> </td> </tr>
<tr> <td><label for="PhoneNumber">Phone number:</label> </td> <td><input maxlength="43" name="PhoneNumber" style="width: 250px;" type="text" /> </td> </tr>
<tr> <td><label for=" at1756tiwari@gmail.com@gmail.com">Email address*:</label> </td> <td><input maxlength="90" name="kingrule234proplayer@gmail.com" style="width: 250px;" type="text" /> </td> </tr>
<tr> <td><label for="Comments">Comments*:</label> </td> <td><textarea cols="40" name="Comments" rows="7" style="width: 350px;"></textarea> </td> </tr>
<tr> <td>* - required fields </td> <td><div style="float: right;">
<a href="https://www.100forms.com/" id="lnk100" title="form to email">form to email</a></div>
<input name="skip_Submit" type="submit" value="Submit" /> <script src="https://www.100forms.com/js/FORMKEY:33UNLHXY2NDN/SEND:my@email.com" type="text/javascript"></script> </td> </tr>
</tbody></table>
</form>
</div>
</div>
Step for make contact page
1. Copy this coding.
2. 2. Chance my g-mail and add your gmail.
3. 3. go to blogger page and then go to page option.
4. 4. give title Contact us.
5. 5. click in html.
6. 6. paste coding now.
7. 7. then click in composed option. Now, you will see your page is ready.
8. 8. now publish your page now.
Friends, now your page is ready. So, guys if you learn something new through this blog. so, please share with your friends and family.
Thanks for reading....................