2017.04.23 02:57
How to use pictures in Flickr.com on to your webpage.
This is for somewhat advanced members who use pictures in this website.
Beginners may not understand what I am saying here.
Flickr.com is one of the best photo website where you can store and re-use your picture collections for free.
You may have to pay if you have a lot of pictures. The free account is big enough to keep many thousand pictures.
The good thing about Flickr is that the URL is very small.
The "Photobucket.com" is also good one but the URL you get from there is just too long.
1. First you join flickr.com from flickr.com website. Then login.
2. Click point your mouse at "You" at the top menu. In the drop down menu, you click "Albums"
3. You get listing of all albums you created here.
4. Click the album that has the pictures you want to upload.
5. Then the album page opens with all the pictures (in medium size thumnails but big enough to see well).
6. At this page at the top row, click "Edit in Organizr ".
7. That will give you the entire alum content in smaller thumnail (in 75x75 size but detailed enough to recognize each picture).
8. Pick the picture that you want to upload in your webpage and Right Clifck on it.
9. You get drop down menu and click "Properties" and a small "Properties" window opens.
10. Mark and copy the Address (URL) and get out of this small window. Now, you have this URL.
For an example: https://farm3.staticflickr.com/2947/34050450512_73795d615d_s.jpg
11. Back to the "Edit" window. At the top menu, click "Photo Stream"
12. Now you get the list view of all pictures in medium size thumbnail.
13. Double click the same picture you picked earlier and you get the original picture in the original size.
14. At the right bottom, click the up-arrow icon (share button) and you get "Share Photo" window.
15. Click "Embed" at the top menu. You get this codes.
<a data-flickr-embed="true" href="https://www.flickr.com/photos/44686189@N00/34050450512/in/datetaken/" title="Whitney2016-001"><img src="https://c1.staticflickr.com/3/2947/34050450512_73795d615d_b.jpg" width="700" height="394" alt="Whitney2016-001"></a><script async src="//embedr.flickr.com/assets/client-code.js" charset="utf-8"></script>
16. Out of this long codes, just mark the <img> tag and copy and paste in notepad as below:
<img src="https://c1.staticflickr.com/3/2947/34050450512_73795d615d_b.jpg" width="700" height="394" alt="Whitney2016-001">
17. This codes is what you use in your webpage.
However, if you want to use many pictures in yur webpage, all these process seem too long and complicated.
So, here is the short cut to use multiple pictures in the webapge.
Compare two URLs above.
A. https://farm3.staticflickr.com/2947/34050450512_73795d615d_s.jpg
B. https://c1.staticflickr.com/3/2947/34050450512_73795d615d_b.jpg (you get this from the "src=" above.)
Here, the B is the URL you need for your webpage.
Here, above, the variables (difference at each picture) are "/2947/34050450512_73795d615d_s.jpg" at A
and "2947/34050450512_73795d615d_b.jpg" at B.
Only difference between A and B is that:
18. "farm3.staticflickr.com/" is to be changed to "c1.staticflickr.com/3/"
19. "_s" is to be changed to "_b"
This means that if you have the first URL at #10 line,
you can easily change it to the original picture by changing the URL from A to B
above by adding the changes I mentioned just above in 18 and 19.
20. Now, all you have to is to get the URLs from #10 window and paste them
in Note pad and then change the whole thing by using " Edit-Replace" menu.
If you don't understand what I am saying in #20 line (or any other lines), you have to call me on my phone.
Then, I will explain you one of the most useful function in Notepad.
A couple of arrogant remarks below !!
There are a lot of wonderful "Free" things around us but we have to be eager, ready, and know well to get them.
The process looks very complicated but once you start it is easier and simpler than you think.
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 | 32349 |
Notice | How to use Rich Text Editor [3] | 2016.06.28 | 운영자 | 2018.10.19 | 5928 |
Notice | How to Write a Webpage | 2016.06.28 | 운영자 | 2020.12.23 | 43842 |
8844 | 김창룡 암살사건; 한국의 맥카시즘 [2] | 2024.05.05 | 온기철*71 | 2024.05.07 | 11 |
8843 | [시조]懷古歌: 회고가 [1] | 2024.04.21 | 정관호*63 | 2024.04.21 | 12 |
8842 | 연꽃 따는 노래 | 2024.05.01 | 정관호*63 | 2024.05.01 | 17 |
8841 | 김구의 일생과 암살의 원인 | 2024.04.14 | 온기철*71 | 2024.04.25 | 19 |
8840 | 부산형무소 살해사건 | 2024.04.20 | 온기철*71 | 2024.04.20 | 19 |
8839 | 육군 방첩대. 미군 CIC, 그리고 김창룡 | 2024.04.17 | 온기철*71 | 2024.04.25 | 20 |
8838 | OPERA MIGNON: Connais tu le pays [1] | 2024.04.12 | 정관호*63 | 2024.04.12 | 25 |
8837 | 레슬링 김현우, 판정 논란 딛고 ‘값진 동메달’ 획득 [1] | 2016.08.14 | 황규정*65 | 2016.08.14 | 26 |
8836 | 부산정치파동과 미국의 이승만 제거계획 | 2024.04.25 | 온기철*71 | 2024.04.25 | 27 |
8835 | ‘김신욱 멀티골’ 신태용호, 자메이카와 2-2 무승부 [2] | 2018.01.29 | 황규정*65 | 2018.01.29 | 30 |
8834 | [평창 올림픽] 이상호, 스노보드 평행대회전서 첫 은메달 [1] | 2018.02.23 | 황규정*65 | 2018.02.23 | 30 |
8833 | [WC] '손흥민·문선민 골' 축구대표팀, 온두라스에 2:0 승리 [3] | 2018.05.28 | 황규정*65 | 2018.06.03 | 30 |
8832 | 김정은에 대한 최근 News | 2020.04.25 | 운영자 | 2020.04.25 | 30 |
8831 | 손흥민, 투입 후 17초 만에 도움…토트넘 완승 견인 [2] | 2020.11.06 | 황규정*65 | 2020.11.13 | 30 |
8830 | 코너킥으로 웃었다... 황선홍호, 일본 제압하고 8강으로 [5] | 2024.04.22 | 황규정*65 | 2024.04.25 | 30 |
8829 | 김정환, 펜싱 남자 사브르 동메달 수확 [1] | 2016.08.10 | 황규정*65 | 2016.08.10 | 31 |
8828 | 한국 여자축구,우즈벡 잡고 2018 아시안컵 본선 티켓 획득 [1] | 2017.04.11 | 황규정*65 | 2017.04.11 | 31 |
8827 | [평창 올림픽] ‘빙속여제’ 이상화, 여자 500m 은메달 획득 [4] | 2018.02.17 | 황규정*65 | 2018.02.19 | 31 |
8826 | [평창 올림픽] 황대헌, 男쇼트트랙 500m 은메달,임효준은 동메달 [1] | 2018.02.22 | 황규정*65 | 2018.02.22 | 31 |
8825 | [EPL] 팀 순위도 개인 기록도…소중한 손흥민의 PK [3] | 2021.04.25 | 황규정*65 | 2021.04.26 | 31 |
This is how I did in making my new webpage of "Mt. Whitney Climb" with 139 pictures.
The webpage has been under construction for the last few days.
The webpage will appear in our Freeboard very soon. I am still working on it.
The reason it takes such a long time is in making a "good and comprehensive" contents.
The uploading of the pictures is not the problem.