How To Make Contact Us Page In Blogger ? | Contact Us Form Ko Blogger Me Kaise Add Kare ?? - Saransh Sagar

Thankyou for come on this page for making your contact us page in blogger ( blogspot website ) . Now I have already mentioned that code which can be used to get enquiries from visitors or readers. You just have to copy that code mentioned below and paste it on your page/post whatever it be on the html section blogger editor dashboard. 

<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<style>
.page-contact-form input,
.page-contact-form textarea {
width: 100%;
max-width: 100%;
margin-bottom: 10px;
}
.page-contact-form input.contact-form-button.contact-form-button-submit {
padding: 1px;
background: #000; /* Button background color */
color: #fff; /* Button text color */
border: none;
}
.page-contact-form input.contact-form-button.contact-form-button-submit:hover {
background: #777; /* Button background hover color */
color: #fff; /* Button text hover color */
}

</style>
<br />

<div class="contact-form-widget page-contact-form">

<div class="form">

<form name="contact-form">

Name : <span id="required">*</span><br />

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

E-mail : <span id="required">*</span><br />

<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />

Message : <span id="required">*</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="Submit" />

<br />

<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>

</form>

</div>

</div>
<!-- End Contact Form Code -->


After save or update, your blog is ready to show contact us form and you can get details from that form !! I hope you enjoy this article or wacth this video for more info. Suggestions are welcome!



No comments:

Post a Comment