Easy way to create photo gallery on blogger with google drive

image galery

In this post, I will share tips on how to create a photo album gallery in blogger posts using storage media from Google Drive, maybe you already know that when you upload some photos to Blogger, the results are that the photos are arranged down or cannot be placed side by side. Moreover, if you put 10-20 photos at once on one page, you can be sure that loading the blog will feel heavy.

Photos that are arranged in a row make it difficult for your blog visitors to navigate and your site leaves a lot of empty space. For that, there is an easy trick how to make a photo gallery album in blogger posts with photos side by side and neatly arranged and not making your blog page size very large. Only by taking advantage of the photo folder in the blog post and taking the embed code, the photos will display in the form of a grid

OK, here's the tutorial

Here's how to embed the google drive folder into blogger

1. First create a folder on google drive > upload some desired photos > right click > get a shareable link / get shareable link > sharing settings > change the visibility to public

For example url = https://drive.google.com/drive/folders/1HGKXgUiej31y27BYm8RUB9tr8e8jTpaC?usp=sharing

Just take the ID part, which is = 1HGKXgUiej31y27BYm8RUB9tr8e8jTpaC

2. Then open the blogger post > create a new entry > enter the HTML tab, then paste the following code

<iframe src="https://drive.google.com/embeddedfolderview?id=your_ID#grid" width="100%" height="500" frameborder="0"></iframe>

More or less the result is like this

Now just click publish and other people will easily download the photo file, just click on an image then right click save as

It's easy, right? Thus a short post on how to easily create a photo album or photo gallery on blogger using the embed code from Google Drive. Hopefully useful if anyone wants to add please comment in the comments column

Post a Comment

Previous Post Next Post

Contact Form