Monday, 12 December 2016

How to embed a Google Doc in Blogger

So you have a Google document that you want to display on your Blogger blog or website.

It's actually fairly simple to embed Google Documents in a Blogger blogpost or page.


How to embed a Google Document

  1. Open your Google Document for viewing
  2. Click View, then Full Screen
  3. Copy the URL of the Google Document from the address bar of your browser
  4. Go to Blogger, create a new blgopost or edit an existing one
  5. Switch to HTML view
  6. Paste the URL that you copied in Step 3 anywhere in the code (this is only temporary)
  7. Copy the following code, and paste it into your HTML where you want the document to be embedded.
    <iframe src="https://docs.google.com/document/d/1GVBowL69OnrHbNLwnFGJDiNuoS1Fs712tpdQkfu9DDc/" width="480" height="520"></iframe>
  8. Replace the highlighted URL above with the URL that you copied in step 3.