Recently, I was asked how to add a Google Document Form to Tumblr. I don’t do a lot of work in Tumblr, but I figured it would be fairly easy, depending on what you want to get done. So, here is what I did:

First, create a Google Document Form: Go to Google Documents. Click on Create New, and select Form. Create the questions you want for the form. Then, click on More Options, and Embed. This will give you some text you can copy and paste that looks something like this:

<iframe src="http://spreadsheets.google.com/embeddedform?formkey=SomeRandomFormKeyWithLotsOfNumbersAndLetters" width="760" height="625" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe>

As best as I can tell, with my limited Tumblr experience, there are two things that you can do with this. One is that you can create a Custom Page in Tumblr with this. When you are logged into Tumblr, click on Customize. Then, click on Pages… Add a page. Give the page a URL and select a Custom Layout. Enter the html in the custom layout along with any other information you might want or need.

It is worth noting that when I tried using a standard layout and put in the html, it would change the html before returning to the wysiwyg editor. Another thing that I tried, which worked nicely was to add the html into the Info section for my tumblr page. When doing this, you might want to experiment with different widths and heights. In my case a width of 200 and a height of 350 worked nicely for my simple two question form.

Another thing you may want to do is add a link to the results. In my case, once I had created my form, I went back to the Google Docs main page that lists all my different documents. I selected the form I wanted and brought it up as a spreadsheet. Then, I clicked on the down arrow next to share, and selected Publish As A Website. With this, you can simply take a link which you can add to your custom page, or you can get HTML to embed in a page. This html looks pretty similar to the html for the form, and again, you might want to adjust the width and height.

To get a look at some of this, check My Tumblr Page in the lower right hand section, as well as the Test Google Docs page I created.

You could also use these methods to embed a Google Documents Form into your blogs or other websites. Are you doing anything interesting with Google Documents Forms?