How to Insert Image from Google Photos to your Blog or Website ?

 

Google Photos is a photo sharing and storage service developed by Google. It was announced in May 2015 and spun off from Google+, the company's former social network.

As of June 1, 2021, in its free tier, any newly uploaded photo and video counts towards the 15 GB free storage quota shared across the user's Google services, with the exception of current Pixel phones. The previous free tier, unlimited photos and videos up to 16 megapixels and 1080p resolution respectively (anything larger gets down-scaled to these sizes), ended on the same day.


We can use the google photos storage space to store files for blogger or website purposes. To minimize storage on our hosting. Also to make it easier for us to manage files.

When we need a file in our Google Photos, we just need to insert it.

Then How to Insert Images or Video from Google Photos into our posts?





Here are the steps:

Step 1. Go to your dashboard Google Photos. Select image do you want to share.

Step 2. On the right corner Click "Share Button" >> " Create Link " >> and Copy the link. Example my link :
https://photos.app.goo.gl/zaKfLU2StbseyFqw8

Step 3. Go to Google Search, and type " Embed Google Photos " and Select
https://www.labnol.org/embed/google/photos/

Step 4. Fill Google Photos Link with your link >> Checklist on "I'm not a Robot" >> Click Generate Embed Code >> Copy the " HTML Generate Code ". Example my HTML Code :
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjekbTNP-mF5sWF08q7wQPMUjqAiEU3UwcpLzHpq_WR1xW1zuGgia8OH3T6d1VEPEPAhU4grrZbh7UdADgj16AM71EQ7q0CLxsYZ6WAnw7UzAbYK-6UdSKkxZOFx50T6Bc33eVriNF4D_k/w2400/?source=screenshot.guru"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjekbTNP-mF5sWF08q7wQPMUjqAiEU3UwcpLzHpq_WR1xW1zuGgia8OH3T6d1VEPEPAhU4grrZbh7UdADgj16AM71EQ7q0CLxsYZ6WAnw7UzAbYK-6UdSKkxZOFx50T6Bc33eVriNF4D_k/w600-h315-p-k/" /> </a>

Step 5. Go to your admin blog / website. Select Edit Post or New Post, In Editor Select View Mode to "HTML View " >> Paste your HTML Code from 
https://www.labnol.org/embed/google/photos/.

Step 6. Save your post, and preview the post.

For detail step by step yo can watch this video bellow .



Okay, that's enough for now from me, if you have any questions, please comment in the comments column. If something goes wrong I apologize. Hopefully helpful, and thank you.

Featured Post

How to fix CLS issue in your blog or web ?

  Fixing CLS issues is a big deal. That's because most of your competitors won't fix CLS problems and as a result won't rank wel...