How to Add Blogger Contact Us Form in Blogger Platform

For every blog it important to add a Contact us form on blog to help users to contact with blog admin. Its automatically connected with your Register email id & you can get all the mail in your register email ID instantly. So we are comes with a simple trick to Add Blogger Contact us form on your Blog easily by doing just simple steps and a HTML code to add contact us for. You can add Contact Us Form by using simple steps or using HTML Code. So follow the Below Steps

 How to Add Blogger Contact Us Form in Blogger Platform ?


Steps 1 :-


 • Firstly Go to Blogger Dashboard

 • Now Click on Layout & Click on 'Add a Gadget'

 • Now a page a appear  like below mention

 • Now Click on 'More Gadget'

 • Now Click on 'Contact Form' and Click on Save

 • That's it. Contact us form added to your blog successfully.




Steps 2 :-


 • Firstly Go to Blogger Dashboard

 • Now Click on Pages>> New Page

 • Now Click HTML & Copy - Paste the Below Code

 • Contact Us Form HTML Code:-

<div dir="ltr" style="text-align: left;" trbidi="on"><br />
<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<br />
<div class="footersec section" id="footersec3">
<div class="widget ContactForm" id="ContactForm1">
<h2 class="title">
Contact Us :-</h2>
<div class="contact-form-widget">
<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="" />
   <br />
Email
   <span style="font-weight: bolder;">*</span>
   <br />
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />
   <br />
Message
   <span style="font-weight: bolder;">*</span>
   <br />
<textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>
   <br />
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Send" />
   <br />
<br />
<div style="max-width: 222px; text-align: center; width: 100%;">
<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>
</div>
</form>
</div>

 • Now Click on Publish

 • That's it.!



So this is the simple 2 Steps to Add Contact Us Form in Blogger platform. So do the above steps carefully to add Contact us Form. If you getting any problem to doing this, then Feel free to Comment below.