Copy this below code to your blogger custom created page :
<div dir="ltr" style="text-align: left;" trbidi="on">
<h3 style="text-align: center;">
</h3>
<div dir="ltr" style="text-align: left;" trbidi="on">
<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: 10px;
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: *<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>
</div>
<div>
<br /></div>
<div>
<div style="background-color: white; border: 0px; box-sizing: border-box; color: #3d3d3d; font-size: 22px; margin-bottom: 20px; outline: 0px; padding: 0px; vertical-align: baseline;">
</div>
<span style="font-family: &quot;verdana&quot; , sans-serif; font-size: large;">
</span></div>
</div>

Post a Comment

أحدث أقدم