Adding Forms in Blogger

You can create all different types of forms in blogger.

• Questionnaires
  
• Surveys
  
• Polls
  
• Link Request
  
• Suggestion Box

An example is this survey form I created to see how visitors found out about blogatech. ( even tho this is a tutorial on creating forms I would appreciate it if you took a minute and completed this survey.)

Name: * E-mail Address: * How did you find us? * Search Engine Link From Another Site Blog Directory Click Exchange Site Word of Mouth How often do you visit our site? * Daily Weekly Monthly Yearly First Visit Message: * Required Create Email Forms

Ok thanks. So there is a good example of how to use a form on your site. In the past adding a form would have required a substantial knowledge of HTML as well as a hosting service that would provide a file for your forms to be sent to.

Mycontactform.com is a site that lets you create a custom form, without any knowledge of HTML. You are walked through the building process by an online wizard. When you have finished creating your form they give you the code to place in your template or post like I have done here.

When a visitor submits a form, you receive the information they provided by e-mail, to whatever address you have specified during your form creation. It will even send a confirmation e-mail to the visitor, thanking them for there participation, if you desire. You have the option of redirecting the visitor back to your site when they have completed the form.

Mycontactform's basic service is free and allows you 20 form submissions a month, with unlimited form types. They offer a paid premium service that will give you unlimited submission and added features but even the free service gives you the features i've discussed. I really like what they have done and give them a five star***** rating.

Note: I did experience slight difficulties when I pasted the code to this post. I had a large space between the header at the top of the page and the beginning of the form. This is not a problem with the code mycontactpage provides but of how Blogger handles it. Blogger merely adds page returns whenever a line break occurs, as it should. I have found this problem any time I have tried to add a HTML table to a Blogger post, such as the above form.

To correct the problem you have to eliminate any line breaks within the code. After you have pasted the code to your post, look for any lines that begin with the symbol <. Place your cursor in front of that symbol and hit the backspace key to eliminate that line break. Do this for every instance that you see in the code that mycontactform.com has provided. Here is an example of what I mean. In the following code, the line you see in red needs to be backspaced to the previous line so that it is not a broken line. name="formid" type="hidden" id="formid" value="58111">input name="subject" type="hidden" id="subject" value="Site Survey"> <table width="350" border="0" cellpadding="0" cellspacing="0"

This is how the snippet of code should look after the line break has been eliminated:

name="formid" type="hidden" id="formid" value="58111">input name="subject" type="hidden" id="subject" value="Site Survey"><table width="350" border="0" cellpadding="0" cellspacing="0"

Technorati Tags: forms, blogger, survey