After Billings Tech Cadre this weekend, I had two people send me emails asking how to embed a Google Doc into a blog post - kudos to them for synthesizing these two great tools! While the sites they created or updated at Cadre were either Google Sites, Weebly, or Blogger, this "formula" applies to pretty much any site where you have the ability to embed code.
Before going any further, I'd like to point out that, if you've tried recently to embed a Google creation (Doc, Sheet, Drawing . . . ) you may have noticed that the embedded element comes out ridiculously tiny:
In order to fix this, you need to add a couple of elements to the iFrame code that is generated once you publish your Doc to the web. Here is a sample code from a recent document:
Notice what's missing? The size! To adjust the height and width, add the desired values after the last quotation mark in the first set of brackets. The specific values may vary for your site or blog - with the layout I have selected in Blogger, a width of 500 was just about right to fit within the post body section. I chose a greater number for the height because I knew my document was long. You will want to preview your blog to be sure - it may take a few iterations to find the right values. Here is an example of the "amended" code:
Now see it in action: