Blogger contact us page html code 2022

0

 Let’s check out how to create a contact us page in Blogger.This post will help you set up a contact us page for Blogger or Blogspot. It is simple to add contact us page HTML into a page. It is very simple and no technical expertise is required. Just follow the steps given below.




Best contact us page html code


1. Go to Blogger dashboard > Select a blog


2. Next, navigate to Pages section



3. Click the orange New Page icon to create a new page. (Not a post)



4. Paste the following HTML code contact us page template and publish the page. It is a stylish contact form for Blogger.

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



Check the screenshot on how to implement it.


Your contact us page for Blogger will look similar to :


https://www.seomam.com/p/contact-us.html



Last step :

Open the page in your web browser and check if the page is working correctly and users can send you messages.


This is how to add contact us page in Blogger

Post a Comment

0 Comments
Post a Comment (0)

#buttons=(Accept !) #days=(20)

Our website uses cookies to enhance your experience. Learn More
Accept !
To Top