Put Google drive on website | Embed Google Drive Folder On A Website
Ever wanted to embed a folder on your Google Drive to give public access to it for downloads or something else. Google sites provides an easy way to do it by using the insert option, but not everyone uses Google Sites. Also the method mentioned in the developers section is a bit extensive for common users. Well here is the easiest way using iframe. It should look something like in this image on the right.
Things you need
- Create a folder in Google Drive and put all your necessary files in it.
- Share that folder and set access such as to allow public access or anyone with the link can view the content.
- Copy the folder id from the link to share.
Now wherever you want to embed this folder on your website enter this code -
<iframe frameborder="0" height="330px" src="http://drive.google.com/embeddedfolderview?hl=en&id=0B18YRYq_f_eCeHVhdFlnUGR3cmM#grid" width="100%"></iframe>
Replace the id= with the id you copied from the link to share (red part) and if you wish you can also change the #grid to #list (green part) to display a list instead of grid.
Replace the id= with the id you copied from the link to share (red part) and if you wish you can also change the #grid to #list (green part) to display a list instead of grid.
Note: The minimum height for grid mode should be around 330px, else id would cut off the icons and would display scroll bars. Use css to do the rest you need with styling.
