logo

English
                 
Embedding Images in OneDrive to your webpage like this.



With Windows 10 (maybe, other versions of Windows too), OneDrive comes to you free.
OneDrive is the one place for everything in your work and personal life. It gives you free online (cloud) storage
for all your personal files so you can get to them from your iOS device, computer (PC or Mac), and any other devices you use.
One good use of it is to upload your pictures for embedding them in the webpage you are making.
This is actually what I have successfully done as this webpage here. So, you can do it as well by following the instruction below.

Just my hopefull guess: Another theoretical possibility may be (I have not tried this yet) to upload your music
that you can use for listening or to use (embed) in the webpage. I was able to listen by downloading from OneDrive
but for embedding to webpage, I am not sure.
You can also approach your files (photo, music, or whatever) from your smart phone (I have not tried this yet.).

One thing you have to remember is that "when and if" you delete a file (such as a photo) in the One Drive,
the file will also disappear from the webpage because the original link is deleted.

1. Type www.onedrive.com and you will be in your own OneDrive. You may have to log in.
2. At left column, you will see a series of subdirectory, such as files, recent, photos, and etc.
3. For example, you click "Photos" in the left column, you will get the whole photos you uploaded in the OneDrive.
4. In this photo subdirectory of OneDrive, you can do the following maneuvers to embed pictures to the webpage.

It is not a difficult thing to do. Once you do a few, you can get it done without referring to my writings.

1. First you open your OneDrive and go to the Photos subdirectory. Of course, before that you have to upload your pictures first,
or your pictures may get automatically uploaded in OneDrive. They may be there already, at least some of them are in my case.
2. Pick a picture you want to embed in your webpage and left click it.
3. Then the picture comes out in it's original size (not the small one at the first screen) in black background.
4. Put your mouse on the black background, then you will see a series of menu at the top row.
They are almost full editing function and some more.
5. Among these, pick and click " Embed".
6. A new panel opens at left edge with a URL for the embed code.
It is a very long URL. This is one bad part of using the One Drive.
7. Checkmark at "Include HTML tags", and then you have the full embed codes in the box.
The whole thing looks like this for one picture: https://usp5oq-ch3302.files.1drv.com/y3m9KAPqb-Mx1GhhTzf-c6cTCuD44C974BlXjCHV9ljCkiZvxplbXpLDavwhs9FdVp5UVER-BBBeZuWSwUoUBWOSaVxg4JUuTcoCdGegRFCbj3Oj-nCFKPLHJCzPQpqtRlny6P6rEgvneu1shJCGHey1Q?width=1366&height=426&cropmode=none" width=800 height=250 />
8. Copy the whole thing in the box. And "Paste" it in your webpage code area.
Please note that it must have "width and height" in it. Without it, it becomes "width=0 height=0".
Don't forget to include width and height, otherwise the picture may come out as a small empty box.
This may be the main reason we fail to embed pictures from other photo websites.
9. Also, you may specify the size to fit the webpage if the original is too big for the webpage.
Here, the original size is 1366x426, but I used "width=800 height=250" to fit inside the webpage.

Don't forget to add texts on the page, otherwise you get "No Content" message.

Please try my suggestions  (I was successful as you see here) and let me know if any success or failure.

No. Subject Date Author Last Update Views
Notice How to write your comments onto a webpage [2] 2016.07.06 운영자 2016.11.20 18194
Notice How to Upload Pictures in webpages 2016.07.06 운영자 2018.10.19 32351
Notice How to use Rich Text Editor [3] 2016.06.28 운영자 2018.10.19 5929
Notice How to Write a Webpage 2016.06.28 운영자 2020.12.23 43842
4144 Donald Trump, 모택동 그리고 장개석 [3] 2016.03.05 온기철*71 2016.03.05 234
4143 장하나 HSBC 위민스 챔피언스 우승..LPGA 시즌 2승 달성 [9] 2016.03.06 황규정*65 2016.03.06 318
4142 [re] 김성심 선배님이 인용하신 글 [5] 2016.03.06 운영자 2016.03.06 267
4141 주님, 저희를 불쌍히 여기소서 [4] 2016.03.06 김성심*57 2016.03.06 364
4140 Voice of Spring: ........Sad [3] 2016.03.06 조중행*69 2016.03.06 336
4139 Danny boy (Irish American Song ) [2] 2016.03.07 김성철*67 2016.03.07 329
» Embedding photos in your OneDrive to your webpage [2] 2016.03.07 운영자 2016.03.07 354
4137 어머니 사진 몇 장 [4] 2016.03.08 정관호*63 2016.03.08 359
4136 [Video Essay] The Earth Videography with Narration [2] 2016.03.08 운영자 2016.03.08 344
4135 [Medical]Kidney Transplant from Any Incompatible Living Donor Is Possible. [3] 2016.03.09 이한중*65 2016.03.09 7092
4134 March 11, 2011, the Darkest Days for the Japanese [1] 2016.03.09 이한중*65 2016.03.09 300
4133 [동영상] 대한민국의 아름다운 영토 독도 [4] 2016.03.11 황규정*65 2016.03.11 247
4132 [poem] Unfolding a Rose [3] 2016.03.11 이한중*65 2016.03.11 294
4131 대원군, 도광제, 메이지 천황, 빅토리아 여왕 그리고 아브라함 링컨 [1] 2016.03.13 온기철*71 2016.03.13 221
4130 성이 먼저? 이름이 먼저? [5] 2016.03.13 온기철*71 2016.03.13 334
4129 Why the Final Game in AlphaGo vs. Lee Sedol Is Such a Big Deal for Humanity [4] 2016.03.14 운영자 2016.03.14 436
4128 [re] "2100년이면 현생 인류 사라질 것… 알파고가 그 신호탄" [1] 2016.03.17 황규정*65 2016.03.17 215
4127 Lee Sedol of South Korea finally defeated Google's (AI) AlphaGo [3] 2016.03.13 운영자 2016.03.13 361
4126 A Black Woman's First Hand Experience at Trump Rally [5] 2016.03.14 이한중*65 2016.03.14 254
4125 명성황후? 민비? 훌륭한 왕비? 악녀? [4] 2016.03.15 온기철*71 2016.03.15 319