Add contact form in Blogger

For so long, I was searching for a "contact form" gadget in blogger. Very coincidentally I got a clue that there is a method to add a fine contact form in google docs. Here is the step by step info to add the contact form in your blogger.

Prerequisite

1. You must have google docs with your google account
2. A blog. Or site

Now look at the screenshots and the captions

Step 00: Open your google docs > Create new > Form

Step 01: Define each field such as name, email, message etc

Step 02: Edit the fields by clicking this icon

Step03: Add each fields carefully. Click "Done"

Step04: In More action > Embed

Step05: Copy the embed link

Step06: Now open blogger and create a new page

Step07: In the EDIT HTML paste the embed link

Step08: Check it in the COMPOSE Mode

Step09: Now publish the page

Step10: Go back to Googledocs and open the file

Step11: Set up Tools > Notification rules

Step 12 : In blogger you can reduce the width.

In this section please tick against "Any changes are made" and "Email right away" after that "Save"
Yes you have almost set up the Contact form. Now just check yourself whether it is working or not. If everything works well, you will get a notification in your gmail inbox where the googledocs is associated with.