How to add Contact us Form to Specific Page on Blogspot

Make a contact us form on the blog is very useful for bloggers, because make a good article needs this facility; So you can communicate with visitors who read your articles. 


Who knows there are visitors who want cooperation and provide benefits to you or want to give constructive suggestions for the betterment of making articles english will be better. 

Now create the contact us page on blogspot with easy to use widgets in your blogspot, namely:

1. Open the Layout menu and click Add Gadgets (footer 2.1) will pop up a small window select more gadget and click on the contact form, continue to save, see example picture about contact,us below :

2. Open the Page menu, select a new page, type a title contact us, and then type a sentence, such as "Please if there is a message fill out the form below."

3. Then click HTML on the left, copy the HTML code  please copy the script on the below


<form name='contact-form'>
<div>Your Name : </div>
<input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/>
<div>Your Email: <em>(required)</em></div>
<input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/>
<div>Your Message: <em>(required)</em></div>
<textarea class='contact-form-email-message' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'></textarea>
<p></p>
<input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='Send'/>
<div style='text-align: center; max-width: 450px; width: 100%'>
<p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p>
<p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p>
</div>
</form>

4. Open the Template menu, select edit html and select jumt for the widget. Find the code below, by way of ctrl + F

delete from here


 <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>

up to


 expr:id='data:widget.instanceId + &quot;_contact-form-success-message&quot;'/>
        </div>i
      </form>
    </div>
  </div>



and then save, the results from how to make a contact us page on the blog  you can see whether successful or not.

Indeed, many ways in which to making contact us and on the same principle, that makes Contact us to can communicate with you and create a popular article. 

Do not forget that  contact us this is one of the requirements for want to create a blog will be complete to can be accepted by Google Adsense. when there are comments please fill in the fields below. Hopefully this article useful for us all. thanks