Tag Archives: Microsoft OneDrive

Embedding Slideshows in Websites

RIP – Picasa Web Albums! A very popular feature of the now retired website called Picasa Web Albums was a super simple way to make a slideshow of your pictures and embed that on a Blog post or any web page. You could let people see all 35 of your best pictures without taking up all that screen space. Just one box for a slideshow and they click the arrows to move to the next or previous photo! See this article I wrote a few months ago about the slideshow’s demise.

Unfortunately, Google Photos has no replacement for the embedded slideshow. But, where there’s a will there’s a way! Using the online “Slides” app from Google Drive, you can add photos directly from Google Photos and create a slideshow that can be embedded. It’s nowhere near as easy as the Picasa Web Albums method though. You need to build the show, slide by slide, just like if you were using PowerPoint. But, when you’re done, it can be published to the web and then embedded in any blog post or web page you like!  Here is the Google Docs Help Center including instructions on using Slides.

Here is a photo slideshow I made using Google Slides. When it was done, I clicked File, Publish to the web, Embed, and chose the small size. Then I copied the iFrame code and pasted that into the code view on this page. Here is the Google help page for publishing and embedding.

Created with Google Slides:

Created with PowerPoint and Shared from OneDrive

Very similar to the Google Slides example above, I used PowerPoint on my computer and then the Insert Photo Album command to get selected photos from my computer and add to the slideshow. After saving it to OneDrive, I went to OneDrive.com, clicked the 3-dot menu and then Embed, and Generate. It creates iFrame code, just like the Google Slides example above. I copy it and paste it here. Here is the OneDrive support page on how to embed files.


If you’re interested in more detail of how to do this, please leave a comment below.

Embedding Pictures from Google Photos

10/5/17 update: there is a new feature in WordPress that allows you to use your Google Photos. You must jump thru a couple of hoops to make it work. See WordPress and Google Photos

I am creating this post to test the ability of embedding photos that are hosted on Google Photos. You see, back when we had Picasa Web Albums, you could select a photo and then there was an option in the sidebar to “Embed” that photo into another website. As I recall, even back with Picasa Web Albums, I did not use that method. I would use the right-cick / copy image address (or image URL) method that still exists today.  Here is a video on how I used that method to insert photos into Google’s My Maps. 329.Adding Pictures to Custom Maps

Here, in WordPress, I can add a picture from Google Photos by opening the photo with Google Photos, right-click and “Copy Image Address.”  Then in WordPress, click the Add Media button, select Insert from URL, and paste the address. Then I resized it by dragging a corner handle.

Image embedded from Google Photos

Image embedded from Google Photos with .jpg added at end

Unless you’re me, the picture above has disappeared. I still saw it for a while because I am the owner, but apparently after some period of time, the public nature of the embedded code expires and no one else can see it. After more time – overnight – even I can’t see it now.

I am going to try the suggestion posted in this thread by Tenley H. She says to take the code copied above and paste it into a converter at GETeach.com/staticstreet to get a true permalink URL for the photo. Here goes:

Image address from Google Photos, converted by GETeach then used with WordPress Insert from URL

Image address from Google Photos, converted by GETeach then used with WordPress Insert from URL

I notice that, even after conversion, the URL still does not end in .jpg or .png. AND … this is a pain. But, if it works, it’s still better than having to set up another image hosting service.

One more try

Even the picture URL converted by GetEach, expired above and is no longer visible to anyone but me. This try I will do exactly what Tenley specifies – that is to open the picture from Google Drive (not photos) and copy the shareable link. Use Geteach to convert that link to a useable URL, and then embed that here.

Google Drive link converted by geteach.com

Google Drive link converted by geteach.com

Using Microsoft OneDrive Embed code

While I’m at it, I’m going to use a photo uploaded to Microsoft’s Onedrive. Onedrive offers a specific Embed option for photo stored there. View the photo, click the 3-dot menu and choose Embed. Now you select a size (I chose small) and copy the URL code. Then I used the same Insert photo from URL option here in WordPress.

Inserted from OneDrive photos embed code

Inserted from OneDrive photos embed code

Using Google Drive, and Editing the URL

Today I ran across this set of instructions for embedding a Google Photo – via Google Drive. The key seems to be changing public in the url to uc ..?? Makes no sense to me, but here we go:


Using Google Drive Embed code!

Found it! This looks to me like an officially condoned way of embedding a Google Photo into a web page. First make sure your Google Photos are shown in Google Drive – its a setting in Drive – then

  • open the photo and click the 3-dot menu and Sharing – set to Public.
  • 3-dot menu, open photo in new tab
  • 3-dot menu EMBED THIS!
  • This gives you iframe code, just like OneDrive.  YAY!!!

Getting Link from Google Photos

Now I’m going to try the technique outlined in this forum post.



From album that has been shared with Get Link. View single photo. Right-Click copy image address. Edit code at end to specify width and delete remaining.

Getting Photo address from Blogger

I use Blogger for my personal blog (geeksontour.blogspot.com) Since it is a Google Product I can directly get photos from Google Photos. (insert image, from Google Album Archive or from Phone) When it is published, you can then right click on the photo and copy image address, then use that address here. It works. The photo below is taken from this Blogger post. If you wanted to use this method, you would need to make a Blogger blog just to be your host for photos, I think you’d need to make it public too.

Or … I received an email from Scott who adds a little twist to this:

The key is using a Blogger blog to write the post. You see, when you insert photos from Google Photos into Blogger, the photo is given an actual URL that ends in .jpg.

So, you start a new post in Blogger, then when you are finished with it, go to the HTML view and copy everything. You can then discard the Blogger post. Then go to the WordPress blog, start a new post, click on the text view and paste it in.

You now have your images from Google Photos linked to your blog without copying them to your media files. If you change an image, it will show up as changed in your blog.

Thanks Scott!

Cloud Storage: Learn About Your Accounts

cloudsWhat is “Cloud Storage?” You’ve probably heard of DropBox, OneDrive, Google Drive, and iCloud. These are all systems for Cloud Storage of your files, any kind of computer files. There are also cloud storage systems like Flickr and Google Photos that are specifically designed for storing your photo files.

Cloud storage means using the Internet (aka the “web”, aka the “cloud”) to store your files rather than a computer’s hard drive. Sometimes it means using the Internet AND your computer’s hard drive – they synchronize with each other so that the cloud copy and the computer copy stay the same. Make revisions on one, and the system revises the other. The beauty of that type of system is that, when you don’t have an Internet connection, you still have your files on your computer; and when you don’t have your computer, you can get to your files on the Internet. Systems like DropBox take care of keeping the files in sync automatically.

Do you know your Account ID?

So, let’s say you don’t have your computer – you’re at a friend’s house, or a colleague’s office – and you need one of your files. How do you get it?

  1. You need to know which system is storing it: DropBox, OneDrive, Google Drive, iCloud, etc. Go to that system’s website, e.g. DropBox.com
  2. You need to know your account information. These systems store files for millions of people, they know which files are yours by your account information. An account is usually identified by an email address and a password.

Think of Cloud Storage Accounts like Bank Accounts

It’s like keeping your money in a bank. To get your money, you need to know which bank it’s in. You also need to know your account number. If you walk into a Wells Fargo bank and give them the account number from Bank of America, you’re not going to get your money!

Now, imagine that you know your bank is Chase, and you walk into a Chase bank. In the lobby there are colorful balloons, and a sign that says you could win a free trip to Fiji with an account and a $200 minimum balance. You say why not?! You fill out the form and hand over $200 – not realizing that you have just opened a second account. You start writing checks with the new checkbook you got and wonder why they soon start bouncing when you know you have thousands of dollars at Chase Bank. Yes, but that money is in a different account!

I’ll bet you’re saying, I would never do that! Ah … but this ‘multiple accounts’ issue happens all the time in the world of technology and Cloud storage accounts – probably because it’s all invisible. You don’t get a checkbook with the bank’s name and the account number written on it.

It’s up to you to remember what service you signed up for, what email address you provided as your account identifier, and what files you are storing there.

Google Accounts = One Account, All of Google

Let’s say you’ve been keeping your photos online in a Google account (starting with Picasa Web Albums, now Google Photos) for years. Your username (email address) and password are stored on your computer so you never need to remember it. You just know that when you want to see your pictures, you click on a certain button. But I know that the key is your Google Account email address and password. Now, it’s time for you to buy a new phone. You get an Android phone and the conversation with the salesperson goes something like this:

Salesperson, “To finish setting up your phone, we need to enter your Google account username and password.”
You, “I don’t know my Google account username and password.”
Salesperson, “No problem, we’ll just make a new one for you – it’s free.”
You, “OK.”

Next time you want to look at your pictures, they’re not there! Why? Because it’s all part of one Google Account, your email, calendar, Google Drive files and your photos. They’re all stored on Google’s servers under an account. If you’re signed in to the wrong account, you won’t see the files you expect.

Microsoft Account Controls OneDrive

The same is true for your Microsoft account. If you buy a new Windows 10 computer you will be prompted for your Microsoft account when you set it up. Many people don’t know they have a Microsoft account so they follow the prompts to create a new one. When they try to view their files on OneDrive, they’re in for a shock when the OneDrive folder is empty! That’s because OneDrive is a Microsoft cloud storage service where your files are stored under your account!

Keeping your Accounts Straight

I think it is unfortunate that these systems allow you to set up an account with any email address. That means you can set up a Microsoft account by giving them a Gmail (Google mail) email address. Personally, I find that confusing. I’ve made sure to set up my Microsoft account using a Microsoft email address – that means @outlook.com or previously @hotmail.com. My Apple iCloud account uses an @icloud.com email address. Actually, I wish that online accounts followed the same procedures as banks and issue you an account ID number. Then, you could change your email as often as you like – your account ID would not change.

With systems like DropBox that do not offer their own email system, I have my default personal email @gmail.com or my work email @GeeksOnTour.com. Be especially careful using a work email address on any system where you may want to continue having access to those files even after you no longer work there. I have a friend who is an entrepreneur and she decided she didn’t like the website name she had chosen. Let’s say that she had a business with a web address of ITrainCats.com. She used that for her email address as well, Beverly@ITrainCats.com. When she decided to change to ITrainDogs.com she also changed her email address, not realizing it, she lost access to several cloud storage services which were using her old email address as her account ID.

Keep it Straight! Write it Down!