Saturday, May 14, 2011

Embedding Proto-Portfolios in Pages: A Critical Detail

If you try to embed a Google spreadsheet in a blog page, without switching to Edit HTML mode, a preview will look something like this:

[angle bracket]...iframe frameborder="0" height="500" src="https://spreadsheets.google.com/spreadsheet/pub?hl=en&hl=en&key=0AgnNbaBa_zgpdFZJRGhWNWoyazJ6N0dDN3lIdXp3OWc&output=html&widget=true" width="500"...[angle brackets]/iframe[angle bracket]

If you paste the iframe code for a spreadsheet into your page in Edit HTML mode, as you should, the spreadsheet will appear in the preview.



Please note, however, that links and scrolling controls aren't functional in previews.

If you have concerns or questions about embedding spreadsheets in pages or posts, please voice them in class, or spell them out in comments on this post.
[103 words]

1 comment:

  1. Other important details to remember re: embedding Proto-Portfolios (PPFs) in blog pages:

    0. Embed your PPFs in a page rather than a post.

    1. Double-check your PPF spreadsheet sharing settings (Share [top right: drop-down menu]: Publish as a web page); make sure to:

    1.1. Publish all sheets; and
    1.2. Automatically republish when changes are made.

    2. Use the iframe code for all sheets.

    3. Adjust the display size as necessary:

    3.1. Adjust the iframe height, in Edit HTML mode, to about 500 pixels (green highlight in this post); and
    3.2. Adjust the iframe width, in Edit HTML mode, to fit the width of the main column in blog template.

    ReplyDelete

Related Posts Plugin for WordPress, Blogger...