How to make your blog more fancy and give better look by adding contacts us form on the page and subscribe us form in blog:---- In this post i am going to tell you how to add the contact us form in the blogger page. witch is very important to connect the user throw you. in previous post i told you about the my template so today also tell you about the same template for google ad Sense approval witch is important. so lets start.
Insert Contact Us form on the page of a blogger:------To add the contact us form first you need to add a simple contact form in the blogger and hide that contact us form how to do follow the steps:---
Log in to your blog>click on layout>click on the basic gadget> click on Contact form>add this by click on +.
this will ad a contact widget in your blog so now you need to hide that one if you not hide it will looks not good so just follow the steps
Log in to your blog>click on Theme>click Edit HTML> now you need to
Search for ]]></b:skin> and place the following code just before it.div#ContactForm1 {
display: none !important;
}
after you copy this you need to save the the theme.
Now the Next step is Adding a contact us form in the pageLog in to the blogger> click on the write new post>>add a title contact us>click on the HTML to edit html> past the bellow code ::-- <div id="custom_ContactForm1" class="widget ContactForm">
<div class="contact-form-widget">
<p>Get in touch with us by filling out the form below.</p>
<div class="form">
<form name="contact-form">
<p></p>
Name
<br>
<input type="text" value="" size="30" name="name" id="ContactForm1_contact-form-name" class="contact-form-name">
<p></p>
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>
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=8799058979810298021&widgetType=ContactForm&widgetId=ContactForm1&action=editWidget§ionId=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>
now click on the Publish.
after that you can see that it is aided in your blog.