How Create Contact Us Page in Blogger 2021

 

Hello and Welcome to my blog, This Contant will be show you How to Create form for Blogger. if you have a blog in Blogger you must add Contact US page to manu to give your yser Contact with you. Blog has a Contact form too but it`s not so good for looking .  So This article will show you how to add Contact form for your Blogger.

How to add Contact US Page Blogger ( Copy HTML )

<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: #ea6337; color: #fff;border: none;}

.page-contact-form input.contact-form-button.contact-form-button-submit:hover {background: #d85b32;color: #fff;}

</style>

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

Looking Video show