How to a create Super easy contact us form on your blog? Using html code

 How to create a Super easy contact us form on your blog?  Using Html code with the help of http://heducate.com/ 

Copy the html code bellow: 

Then change the id with red color : 

<div id="custom_ContactUsFromForBlogSpotBlogger" class="widget ContactForm">

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

<p>Please fill in the form below to get in touch with us.</p>

<div class="form">

<form name="contact-form">

<p></p>

Your Name

<br>

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

<p></p>

Your Email

<span style="font-weight: bolder;">*</span>

<br>

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

<p></p>

Your Message

<span style="font-weight: bolder;">*</span>

<br>

<textarea rows="5" name="email-message" id="ContactForm1_contact-form-email-message" cols="25" class="contact-form-email-message"></textarea>

<p></p>

<input type="button" value="Send" id="ContactForm1_contact-form-submit" class="contact-form-button contact-form-button-submit">

<p></p>

<div style="text-align: center; max-width: 222px; width: 100%">

<p id="ContactForm1_contact-form-error-message" class="contact-form-error-message"></p>

<p id="ContactForm1_contact-form-success-message" class="contact-form-success-message"></p>

</div>

</form>

</div>

</div>

<div class="clear"></div>

<span class="widget-item-control">

<span class="item-control blog-admin">

<a title="Edit" target="configContactForm1" onclick="return _WidgetManager._PopupConfig(document.getElementById("ContactForm1"));" href="//www.blogger.com/rearrange?blogID=7382626776242903253&widgetType=ContactForm&widgetId=ContactForm1&action=editWidget&sectionId=sidebar-right-1" class="quickedit">

<img width="18" height="18" src="//img1.blogblog.com/img/icon18_wrench_allbkg.png" alt="">

</a>

</span>

</span>

<div class="clear"></div>

</div>