How to add contact Us form in the blog just for simple steps

0
134
Want create site? Find Free WordPress Themes and plugins.

How to make your blog fancier 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. which is very important to connect the user throw you. in previous post I told you about my template so today also tell you about the same template for google ad Sense approval which is important. so let’s start.

add contact us gadget in blogger

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 add a contact widget in your blog so now you need to hide that one if you do not hide it will look 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 theme.

Now the Next step is Adding a contact us form in the page

Log 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&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>
now click on the Publish.
after that you can see that it is aided in your blog.
Did you find apk for android? You can find new Free Android Games and apps.
ALSO READ  Google Tez Now Earn Unlimited Money direct in your bank account | गूगल तेज़ एप्प से कमाये पैसे|

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.