How to add contact form code for blogger

How to add working blogger contact form

Contact us page is one of the needed pages for a website.  It should include your contact details then only people can contact you for your help or for a promotion purpose.  You may include your email address for contact.

You can also include a contact form which helps people to directly contact you by using that form.  If you are using a blogger means then you will get a default contact form created by your blogger.  And for the wordpress using people can easily create their own contact form.

But now we are going to create a contact form for your contact us page using some code.

This form contains name, email and message.  By using this code you can create a contact form for your contact us page.

You will get the message in your mail id which you signed in for blogger.  Also getting adsense approval needs a contact us page.

Instructions to setup Blogger contact form code

1.  Go to your blogger dashboard.
2.  Go to your theme section and Backup your theme. And after click edit HTML
3.  Now search for ]]></b:skin> by pressing CTRL + F in keyboard and paste the below code just above ]]></b:skin> 

div#ContactForm1{display: none !important;} 

4.  Save Your Theme.
5.  Go to pages and Create a new Page (Works only in Pages)
6.  Now change to HTML view from compose view.
7.  Download the code from the below session and paste it in the HTML page

8.  Publish the Page.
9.  Then go to that page in your website and try sending any messages.  Now you will receive the message to your email with title Blogger Contact Form and with a Note: This email was sent via the Contact Form gadget on.
10.  Yes.  Now you have successfully created your contact form page with the help of contact form gadget in your blogger ( You don't need to add contact gadget in your blogger).

Download Code for blogger working contact form

contact form image

The code will work for blogger by using contact form gadget.  So by downloading the code you can setup working contact form for your website.

Your theme should be in the latest version for the working of the form
Content last Updated on 22th September 2022, 6:00PM IST

Post a Comment

Previous Post Next Post