Course Folder

Feb 14, 2015
embed a course folder in here

http://stackoverflow.com/questions/20681974/how-to-embed-a-google-drive-folder-in-a-website

Google Drive folders can be embedded and displayed in list and grid views:

You will need the Google Drive Folder ID:
  1. Go to Google Drive >> open the folder >> look at its URL in the address bar of your browser. For example: 
  • Folder URL: https://drive.google.com/#folders/0B1iqp0kGPjWsNDg5NWFlZjEtN2IwZC00NmZiLWE3MjktYTE2ZjZjNTZiMDY2
  • Folder ID: 0B1iqp0kGPjWsNDg5NWFlZjEtN2IwZC00NmZiLWE3MjktYTE2ZjZjNTZiMDY2
List View
<iframe src="https://drive.google.com/embeddedfolderview?id=FOLDER-ID#list" width="800" height="600" frameborder="0"></iframe>

Grid View
<iframe src="https://drive.google.com/embeddedfolderview?id=FOLDER-ID#grid" width="800" height="600" frameborder="0"></iframe>

A few caveats:
If the folder is NOT public, when people arrive on the page and they have no access to the folder, they will only see a blank page so you might want to put a disclaimer on the page such as the one below.
This page contains the "course folder." The course folder contains extra readings, ppts, handouts, exam reviews, etc. If the page looks blank, it's because you must be 1) a student in this class to fully access all documents and handouts and 2) fully registered in our discussion group. 
If you are a student in this class and you are registered with our discussion group, please login to your Google Account then come back to this page to view all these documents.