How to embed a Google folder in Blogger Information

Firstly, open the folder that you want to embed. The URL of that folder will look something like this:

https://drive.google.com/drive/u/1/folders/0BzBVO-_JOsR9ZmpPbjVRaWpDdHc

The last part (highlighted in blue) is the actual unique folder id assigned by Google to the folder. Copy this.

Now, in your blogpost you will need to add the code for an iframe (make sure you have clicked on the "Text" tab before writing code.

Here is the code you would need to embed the above folder into your blog. Copy it and paste it into your blog, replacing the bit in blue with the id of your own folder.

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>

Note the word "list" highlighted in red. This tells the website to display the contents of the folder as a list. To display your folder as a grid of small thumbnails of the documents as in the Wigan example above then simply replace the word "list" with "grid" (note, replace the word directly, do not include the quote marks as all the necessary quote marks are in the right place.

If you look at the Wigan example, you will see that the document name is displayed underneath the thumbnail so make sure that document names are meaningful to the visitor to your site.

Finally, you can change the width and height dimensions in the code to fit your own blogsite.