]]>
3. Just above the ]]> tag, add this CSS code:
#ContactForm1{display: none !important;}
4. Click the "Save template" button on the upper left side and view your blog. The contact form widget should be gone.
Adding Custom Blogger Contact Form in a Static Page
Finally, now that we enabled the functionality of the contact form, let's add a custom contact form in our Blogger blog...
1. Go to "Pages" and click the "New page" button. If you already have a Contact us page, just click the "Edit" link below the page title.
2. Once the Page editor opens, fill up the page title with Contact/Contact Us or any title you want to show. It is recommended doing this before anything in order to make the permalink SEO friendly.
3. Click on the HTML tab as there we will add the code to make the custom Blogger contact form work. On the right site, change the Page settings to hide ("Don't allow" or "Don't allow, hide existing") the reader comments, then click the "Done" button:
contact static page
4. Below are 5 custom Blogger contact form styles. Pick your favorite and copy the code provided, then paste the code inside the HTML box of your page editor:
Simple Contact Form
custom blogger contact form
Contact form with CSS rainbow divider
colorful contact form for Blogger
Blogger Contact Form with CSS Ribbon
contact form with ribbon
Minimal Contact Form
minimal contact form for Blogger