홈페이지나 웹사이트, 블로그 등에 플리커(Flickr) API, 플리커 뱃지를 다는 법, 많은 이미지를 내 홈페이지 서버말고, 플리커서버로 활용하기.

플리커 API 뱃지 달기

 

많은 이들이 홈페이지에 플리커 API라고 하면서 플리커 사진을 홈페이지에 뿌려주는 기능을 구현해 내고싶다고 하십니다. 내 홈페이지에 플리커 뱃지를 다는 방법은 플리커 홈페이지를 열심히 보아도 잘 찾지 못하는 게 문제인 듯 합니다.

 

뭐든지, 모르면 너무 어려운것이고, 알면 쉬운것 아니겠습니까?

 

오늘 태양 김민호의 블로그에서는 FLICKR 뱃지를 다는 방법에 대해서 설명드리겠습니다.

 

먼저, 플리커 사이트를 방문합니다.

 

 www.flickr.com

 

 

사이트를 방문하면 위와 같은 화면이 나옵니다.

 

- 회원가입이 안되시는 분은 회원가입을 하시고요, 회원가입이 되신 분들은 로그인을 해주시기 바랍니다.

 

플리커는 야후회사의 서비스이기 때문에 야후계정을 생성하시면 되겠습니다.

 

비밀번호는 대문자가 반드시 들어가야 합니다. 소문자+숫자+대문자 가 골고루 섞여야 가입이 됩니다.

 

계정이 생성되면 계정은 아래와 같습니다.

 

아이디@yahoo.com

 

잊지 마세요!

 

 

회원가입을 하던, 로그인을 하던 최종은 로그인으로 접속하셔야 합니다.

 

로그인으로 접속을 하시게 되면 아래와 같은 화면이 보이게 됩니다.

 

 

 

이 상태에서 아래 주소를 접속합니다.

 

중요합니다. ★★★★★

 

http://www.flickr.com/badge.gne

 

 

바로 고유한 flickr뱃지 만들기 라는 페이지가 보이게 됩니다.

 

 

1단계

 

 

 

 

위 화면처럼 나타나게 될 것입니다. 그러면, HTML뱃지가 있고, 플래쉬뱃지가 있습니다.

보통 홈페이지나 웹사이트가 플래쉬가 없는 홈페이지라면 HTML 뱃지를 사용하시고요, 플래쉬로 디자인된 홈페이지라면 플래쉬뱃지를 사용하시면 되겠습니다.

 

보통, 요즘은 모바일에서도 홈페이지 접속을 많이 하는 추세이다 보니, HTML뱃지가 더 좋습니다.

(PC홈페이지와 모바일상의 홈페이지는 서로 다르게 보여지고 있습니다. 모바일 홈페이지와 PC홈페이지를 2개로 가지고 있는 것은 좋지 않고요. 하나의 DB와 컨텐츠를 다룰수 있는 반응형홈페이지가 요즘은 대세입니다.)

 

양자 택일을 하셨다면,

 

다음:컨텐츠 선택  을 누르세요.

 

 

2단계

 

 

 

 

그러면 위와 같이 내 계정에 있는 내사진만 보여줄꺼냐?

 

나와 친구를 맺은 사람들의 모든 사진도 보여줄꺼냐를 물어봅니다.

 

보통 홈페이지에 들어갈 플리커 뱃지라면, 내 사진만 선택하시면 됩니다.

 

내 사진 중에서도 특정 사진만 보여주고 싶다면,

 

다음 태그가 있는 나의 공개 컨텐츠를 선택하시면 됩니다.

 

 

위 방법은 어떻게 사용하냐면? 사진을 업로드할때 반드시 특정 태그를 입력하시면 그 태그가 들어간 사진만 출력해준다는 뜻입니다.

 

예를들어, 플리커서버에 로그인하여, 플리커서버에 이미지 업로드를 할때

우리 회사 제품 사진을 하나 올리면, 그 사진 올릴때 태그입력칸이 있습니다.

 

거기에 우리 회사 이름 '홈커뮤니케이션'을 태그에 입력을 해놓으면, 해당 위 네모칸에 '홈커뮤니케이션' 이라는 태그를 입력해놓으면, 그 태그가 들어간 사진만 출력해준다는 것입니다.

참고하세요! ^^

 

단, 플리커의 사진중 태그를 가진 이미지가 올려놓지 않으면 진행되지 않습니다.

 

 

 

사진 업로드하실때 태그 입력은 위와 같이 하시면 됩니다.

 

그러나, 위에 설명드린 태그값 입력한 것만 추출하는 서비스는 현재 플리커에서 진행되지 않는거 같습니다. 해당 태그값만 추출되지 않더군요.

 

그래서, 모든 사진을 보여주기로 하시면 되겠습니다.

 

다음 : 레이아웃 을 눌러주시고요.

 

 

3단계

 

 

 

3단계에서는 몇가지 옵션을 선택하게 되어있습니다. 당황하지마시고, 읽어보시면 압니다.

그래도 모르겠다는 분을 위해서 하나하나 봐드리겠습니다.

 

 

Q. 버디 아이콘 및 닉네임을 포함하겠냐는 것은 ?

 

A. 사진만 나오는게 아니라 별도의 닉에임이나 아이콘을 더 넣겠냐는 것입니다.

 

---

Q. 몇장의 사진?

 

A. 홈페이지에 플리커 뱃지가 들어갈 공간을 잘 확인하시고 몇장정도의 사진이 적합할지를 선택하시면 됩니다.

기본이 3장이고, 평균 4장~5장도 사용합니다.

 

---

 

Q, 어떤 사진?

 

A. 임의의 랜덤사진이냐? 최근 사진 순으로 보여질꺼냐? 묻는 것입니다.

 

---

 

Q. WHAT SIZE?

 

A. 영어가 나왔다고 당황하지마십시요. 아무것도 아닙니다.

보시다시피 이미지 크기를 골라달라는 것입니다.

내 뱃지를 다실 웹사이트나 블로그 등의 면적등을 고려하여 선택하시기 바랍니다.

 

---

Q. 어떤 방향을 원하십니까?

 

A. 세로방향, 가로방향, 직접스타일조정 등의 세가지 메뉴가 있습니다.

 

이것도 마찬가지로 내가 뱃지를 달아줄 웹사이트나 블로그의 위치의 면적을 고려하여 선택해주세요.

 

 

 

 

4단계

 

 

4단계는 색상, 배경색상, 테두리 등을 선택하는 단계입니다.

 

깔끔한 형태를 원하신다면, 배경없음에 체크하시고, 테두리없음에도 체크하세요.

 

그 다음에 다음 : 미리보기 및 코드 구하기를 눌러주시기 바랍니다.

 

 

 

5단계

 

여기에서 내 홈페이지나 블로그 등의 연동할 수 있는 소스를 제공해줍니다.

 

 

 

 

 

 

해당 소스 부분을 마우스로 찍으면 전체가 선택이 됩니다.

그런 다음에 CTRL + C 를 눌러서 복사를 하시기 바랍니다. 키보드가 없는 분은 오른쪽 버튼 누르면 복사 메뉴가 나옵니다.

 

 

 

해당 소스를 가지고 홈페이지와 블로그 소스 페이지로 가셔서 해당 부분의 소스를 넣고 배너를 달으시면 멋진 플리커 사진앨범이 웹상에서 구현되게 됩니다.

 

이러한 기법은 요즘 홈페이지 만들때 많이 사용하는 방법입니다.

왜냐하면, 내 홈페이지 서버에 이미지를 많이 올리면, 내서버에 용량을 잡아먹게 되어, 홈페이지 유지관리비가 많이 들게 됩니다. 따라서, 플리커 서버에 이미지를 올리고, 그 이미지를 내 홈페이지에 뿌려주는 방법이면, 아무리 고해상도 이미지라도 내 서버가 아닌, 플리커서버에 올려서 사용할 수 있는 장점이 있습니다.

 

플리커뱃지 연동하기의 장점을 정리해드리겠습니다.

 

1. 홈페이지가 다이니믹하게 멋져집니다.

2. 내 서버 비용을 줄이게 됩니다.

3. 다른 홍보이미지도 덩달아 홍보하실 수 있습니다.

4. 홈페이지를 방문하신 플리커 회원들과 친구사귀기를 맺으실 수 있습니다.

5. 사진 업로드가 편리하며, 다양한 검색어와 키워드, 태그를 사용하실 수 있습니다.

 

 

자 지금! 바로 시작해보시기 바랍니다.

 

보너스로 플리커 API를 연동한 홈페이지를 몇개 보여드리겠습니다.

 

민주당 충북도당

블루모션

 

감사합니다. ^^              

by 태양 김민호