How to add Contact form Page in Blogger

how to add contact form on blogger,how to create contact us page in blogger,how to add blogger contact form,contact form,add a contact form,how to cre

Hello dear visitors welcome to our website - MR Laboratory. Today we will finish this article by discussing about How to add Contact form Page in Blogger. Search on Google or visit mrlaboratory.info to know more about How to add Contact form Page in Blogger article. See the table of contents to get an idea of the main topic of the article.

How to add Contact form Page in Blogger




How to add Contact form Page in Blogger

Add a Contact Form Gadget in Layout

First, we need to Add a Contact Form Gadget in Layout. Login to your blogger Dashboard >> Layout >> Add Gadget >> Contact Form >> Save it

Hiding Contact Form From Your Sidebar

Then, we need to hide the default contact form from Blogger’s sidebar widget. Navigate to your Dashboard > Template > Edit HTML. Search and paste this code just above ]]>: Then save the template.
#ContactForm1{
display: none !important;
}

Adding Contact Form To A Page

Now, we will add the contact form to a static page of your Blogger blog. Navigate to your Dashboard > Posts, and click on New Page and select Blank Page.
Now, in your blank page, click on HTML option to switch to HTML editor mode. Add following code and publish your page:
<form name='contact-form'>
<p></p>
Name<br />
<input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' value='' type='text' />
<p></p>
Email
<span style='font-weight: bolder;'>*</span><br />
<input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' value='' type='text' />
<p></p>
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>
<p></p>
<input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' value='Send' type='button' />
<p></p>
<div style='text-align: center; max-width: 222px; 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>
That’s it! Note that, It is just a Html structure but, You can also customize the contact form with custom CSS styling or jQuery. If you have any question comment below !!



how to add contact form on blogger,how to create contact us page in blogger,how to add blogger contact form,contact form,add a contact form,how to create contact us page in blogger hindi,add blogger contact form in contact us page,how to add a contact form,contact us form in blogger,blogger contact form in a page,how to create a contact form in blogger,blogger contact form,how to add contact us page,how to add contact form in blogger

You are indeed a valuable reader of mrlaboratory. Thank you very much for reading the article about How to add Contact form Page in Blogger. Please let us know how you feel after reading this article. Read more:-

Next Post Previous Post
No Comment

You cannot comment with a link / URL. If you need backlinks then you can Contact with us

Add Comment
comment url