Firstly, set up your free account in FormSmarts [formsmarts.com]. After the registration process is over, log in to your account and click on My Forms. This will take you to a page almost similar to the one shown below:

Fill up the necessary fields - Name of Form, Instructions, etc. For Return URL field, you may simply enter your blog url or a thank you page in your blog. Save it for now. Once you're done saving, your incomplete form will appear right on top of the fields you just filled up. [Refer to the pic below].

Click on Add Fields Now. This will take you to the actual form creator. Add all the fields you want to. Example - Name, E-mail, Message, etc. [See pic below]

Once you're done adding necessary fields and indicating their respective field types, click on the Forms tab (top left). There you will see something like the picture shown below. [The white rectangular area will not appear in your page; I'm only keeping it to hide my other forms].

Click on View to preview your form. Mine is shown below:

If you're not satisfied, you can make changes by clicking on the Edit button which is indicated by a Pencil sign. When you're finally done with the necessary changes, select and copy the Form Code/Script. The Code/Script is to the left of the View link.
Now, open your Blogger Dashboard and create a new Post. You can have the title of the post as Contact or anything. And within the post content area, Paste the Code/Script you copied from the previous step. You can also add any other text you want to within the content area. Publish and link it to your Contact link in the Navigation Menu.

Like this post? Don't forget to bookmark/share it using the share button in the post footer.
Read full post