How to embed Google Docs into HTML pages or blog post
The easiest way to embed Google Docs in any HTML page or blog post is using iframe.
Every Google Docs files are assigned with unique URL as an identifier. So we’ll need this unique identifier in order to embed it to any HTML pages.
1. Get the unique URL. Open any Google Docs file. To get the URL, you have to publish the files to public. From the top right of that page, click on ‘Share‘ -> ‘Publish As Web Page‘. New page will be opened. Click on the ‘Publish Document’ button. You’ll see the message saying the document has been published such as below.
Your document is publicly viewable at:
http://docs.google.com/Doc?id=dcrwnphc_255dc6vhnf6
2. We’ll use iframe in order to embed the URL above. This iframe code is taken from Google blog. Copy URL above and replace the red font color code below. You can set the parameters such as width, length and frame border to suit your page. Learn more about iframe.
<iframe src=”http://spreadsheets.google.com/lv?key=pDDaecJdkAYQ1Lb5HTswLBA&type=view&gid=0&colid0=1&filterstr0=Associate&sortcolid=-1&sortasc=true&rowsperpage=5″ width=”500″ frameborder=”0″ height=”330″></iframe>
3. Finally copy and paste this code to any HTML page or into your blog(HTML) mode. Read how to embed iframe code in this post. You should see the Google Docs document now.
eh, zaki, i can only see
We’re sorry, azwan**@*****.com does not have permission to access this spreadsheet.
I’ve been seeing this iframe more and more places.
busy?
not really, just taking long break
Nice tip.
However, anybody know how to paste from a website into post without losing it formatting? (other than copying and then pasting the source code)
The easiest way to embed Google Docs in any HTML page or blog post is using iframe.nice information and attractive features too.
terimakasih atas infonya , semoga bermanfaat buatku … akan langsung di coba nih .. makasih
I don’t have permission to look at the spreadsheet! Great tip though, I might be able to implement some useful stuff into my blog now, thanks very much!
Nice! Now if you could only figure out how to embed Bing Maps reliably, that would be awesome