How to create contact us Page in blogger || How to make contact Form || Online Helping Tips || Tech With Fun || Internet Wala Dost

Share:

How to create contact us Page in blogger 



Friends today , I am going to tell you that how you all can create contact us page in blogger Step by Step , So lets start this article and follow the below steps carefully so that you can easily create contact us page in blogger.

Follow these steps :-

Step 1 :- Open your Blogger and click on the Page option as shown below in this image , follow the image as shown.





Step 2 :- After You click on the pages tab , you will see a new interface now click new page as shown below.




Step 3 : - After clicking on New page , you will see a new interface here you have to click on the html tab as shown below.



Step 4 :- Copy the code given here below in blue colour then paste it in the Html Window  and after pasting this code just click on the publish and now your contact form is being created.


Code to be pasted :-

--------------------------------------------------------------------------------------------------------------------------

<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="askimasti@gmail.com">Email address*:</label>

</td> <td><input maxlength="90" name="askimasti@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>

--------------------------------------------------------------------------------------------------------------------------

Now your contact page is created hope You all enjoyed the post

No comments