How To Create A Contact Us Page (Form) In Blogger/Blogspot?

Here is adept intelligence for all bloggers who uses Blogspot.com platform . Manly of us facing the problems of adding blogger contact course to static pages of our web log. 

If you lot don't accept set into outcome/activeness already, y'all might take missed tons of opportunities to assistance your blog visitors.

Blogger contact class is rattling of import to offer your readers the adventure to contact alongside yous. 

While it contacts course for blogger Html code to display your e-mail address and color full fashionable that expect responsive.

There is a Blogger Contact Form widget available inside the mail of Blogger’sec default widgets. 

Today will acquire how to add a stylish on Blogger contact course in a static page?

In this mail service, nosotros'll brand a contact page for our blogger weblog. Blogger’s default contact course widget is best fresh too responsive lite-weight. 

In this post, nosotros’ll part how to add together a fashionable contact course to the blogger.

I will be able to gives roughly responsive designed Blogger Contact Form widget.

In the main, y'all will take to add the blogger contact form widget anywhere inwards blogger blog. This volition conduct follow to enable your functionality of the contact course on blogger template. 

Otherwise, will non receive emails from your contact forms. 

Create A Contact Us Page (Form) In Blogger/Blogspot?

ane. Sign into your blogger account.

ii. Go to the Blogger Dashboard.

3. Select Layout section from the left card.

iv. Click on the Add a Gadget (Sidebar or Footer will be meliorate).

v. Click on Button of the Contact Form Gadget in addition to then Save .

Add Contact Forms to Blogger.

Using a contact course for your blogger that works you lot to hand novel responsive features, such equally an electronic mail novel white background back up checkbox. 

Step one.) Go to Blogger dashboard in addition to enter into layout section. Inside layout section you will meet add a gadget option, Click on that and after clicking you lot volition come across a novel window will live open up on your desktop cover. See height left component of that window yous will encounter 3 options.

    Add Your Own Contact us page

Click on more than gadgets department in addition to at the elevation nosotros will encounter Blogger Contact Form. Select contact class for your blog as well as chose the position of contact class either we want to home it on right corner or below the post. 

This contact widget volition be shown into all blogger'second mail service .

Step.two) Now our instant task is to take away this form from all of our posts. 

Because it does not pass on our web log to a professional await as well as nosotros want to go along it on exclusively static pages of our blogger'sec web log like Contact or Advertise.

How to Hiding Contact Form From Your blogger weblog Sidebar

First of all, nosotros require to shroud the default contact form from your Blogger’second web log  sidebar widget.

So for doing this go in into "Template" section of our blogger dashboard. And click on "Edit Html" push button. Now y'all accept to find out 

 /* type ( CTRL+F ) & move into this text */

After getting this code we lay a CSS code simply before it. Code is given below:-

Now your Contact form does non appear into any of your posts.

Step3.) Now terminal thing we have to make is home this contact course into our web log's static page. For doing this first off nosotros take to make a static page inward your weblog.

Now choose pages sections after those make a novel page too now edit this page.

Go to blogger dashboard  HTML department of that page together with pose a CSS code given below for appearing contact course into that page.

And Go to page Setting together with choose options described inwards below picture:-

write  the Page Title alongside Contact from /Contact. Bring this page into HTML manner past clicking on the HTML tab.in addition to paste my HTML code

Now Save too issue that page.

Now we have done a dandy function of embedding a contact class into our web log'sec static page.

So delight to portion this mail and if yous accept whatever problem amongst this make let me know via comments. 

I volition respond yous as presently as possible.

Elegant Blogger Contact Form Design ane

  Codes :Script contact grade blogger 

Replace the highlighted “social media URL” amongst your twitter, facebook and pinterest social URLs.