How to create a simple Google Docs Form

Sign in to your Google account and click on Documents, select new and then spreadsheet.

Click on Form on the tool bar.

Simply start at the top and fill in the fields. Title, Description then your first question.

To edit a question use the edit button

You can use the duplicate button to duplicate the question down and then just edit it.

You can change the size of the response box by  changing the question type in the drop down.

Click on more actions and select edit response

This is what people will see once they have completed the form. Edit it to say something appropriate.

as people fill the form in it populates the spreadsheet in your google docs. Go look!

How easy was that?

You can play with the test form here

Loading…

Tables in posts

I have recently been asked how to create tables in posts like this

column 1 Coumn 2 column 3
row 1
row 2
row 3
row 4

It is quite easy if you know a bit of HTML or dig around on line. The code used to create the table above is:

<table width=”90%” cellspacing=”0″ cellpadding=”0″>
<tr>
<td>column 1</td>
<td>Coumn 2</td>
<td>column 3</td>
</tr>
<tr>
<td>row 1</td>
<td></td>
<td></td>
</tr>
<tr>
<td>row 2</td>
<td></td>
<td></td>
</tr>
<tr>
<td>row 3</td>
<td></td>
<td></td>
</tr>
<tr>
<td>row 4</td>
<td></td>
<td></td>
</tr>
</table>

To get it to work and so the code does not look like it does above, you must paste it in to the HTML tab of the create / edit post or page window. If you don’t then you will just see the code, which is handy for me showing you, but no so good for you who wants to create a table.

Unfortunately there is no easy way to do this on a wordpress.com site so you have to hand craft the code.  Rather than remembering how to code, you could use a HTML editor to create the tables for you then just copy and past it in to WP, I use the free http://www.alleycode.com/download.htm editor personally as it is small does what I need it to do and doesn’t try to do anything clever.

Just a bit of information about the code to help you understand it a bit better.

<table width=”90%” cellspacing=”0″ cellpadding=”0″> <- this sets your table up to be 90% of the width of the page with no spacing or padding around the cells. I always make the table less than the width of the page as it looks nicer, make sure you use % and not pixel. Pixel is a set width and if you change your theme at any time the width of the table could be bigger than the width of the page and it will break and look ugly
<tr> <- this tells the table it is a new row
<td> <- this creates a new column, what you put in here will show up in the first cell as long as it is before this -></td>
</tr> <- this closes the row

The number of columns on each row needs to be the same other it will start to cause problems.

You can of course go it to great detail with your tables and set rows to different heights or columns to different widths, add padding etc. You can find out how to do this by asking google

I’ll repost this to Talk About Local as soon as the new site is up and running