How to Embed Your Form in a Blog or Website

Below is a writing assignment embedded directly into a blog post:



The advantage of embedding a form is your students don't need to go off site to complete the assignment. The drawback is embedding is a bit more complicated than creating a hyperlink. Instructions on how to embed a form are below:
Screen Shot of Embedable Code 
  1. Make sure you are in "Edit Form" view, not "Published Form" view (the title bar on the top of the form will say "edit form"). On the right-hand side, is a button called "More Actions". Click on it and then click "Embed". 
  2. A new window will open. This window will have some code in it. Copy this code. 
  3. Embed this code in your blog or website.
How to embed in Blogger:
  1. When you are creating a post in Blogger, there are two modes: "Compose" and "HTML". Change to "HTLM" (Buttons are on the left-hand side.)
  2. Paste the code that you received from your form. 
  3. If you look at your post in your blog, you will see that your form flows over the blog's borders. In the HTML, change width to 100% (width=100%). 
  4. View your blog and make sure that all is correct.