컴퓨터 엑셀 워드 포토숍 구글어스 WINDOWS JAVASCRIPT JAVA C++

 
Previous Post 피드버너(FeedBurner)의 인코딩 버그 사태 (Encoding Mess), 어느 정도...[서양화] 갤러리에 유화 1점 업데이트 : OIL PAINTING GALLERY[QnA] 파일 확장자의 종류는? - Filename Extension윈도우에 등록된, 모든 확장자(Filename Extension) 목록 보기[QnA] 하드에 설치된, ActiveX (액티브 엑스) 를 지우는 방법은?[Vim / GVim 에디터] 파일 열기(오픈)/저장 명령은?텍스트 파일의, Line Feed (LF)와 Carriage Return (CR)이란?: ...텍스트 파일의, 행갈이(newline) 문자란?리눅스/유닉스 텍스트 파일에서의, 행갈이 문자 (Line Feed / Carriage Re...[HTML-JavaScript] INPUT 과 TEXTAREA 태그의, 읽기전용(reado...

플리커 사진 앨범을 자신의 블로그/사이트에 붙이기: Flickr Badge (o배지, x뺏지)

Wednesday, June 21, 2006

무료 사진 공유 커뮤니티인 플리커(Flickr.com)에 올린 사진들의 간단한 앨범을, 사이드바에 붙인 블로그들을 여러번 봤지만, 그동안 플리커를 거의 사용하지 않아서 방법을 잘 몰랐습니다. 그런데 어제 플리커를 둘러보니까 이 앨범을 자동으로 만들어 주는 코너가 있었습니다.

그런 사진 앨범을 'Flickr Badge (플리커 배지)'라고 부르더군요.


Flickr Badge 만들기 페이지
이 주소에서 앨범을 만드는 자바 스크립트 코드를 얻을 수 있습니다. (물론 플리커에 가입하고 로그인된 상태여야 합니다. 플리커가 야후에 인수되었기 때문에 별도의 가입 절차 없이, 야후ID로 로그인이 됩니다.)

그러나 자바 스크립트 코드를 붙이는 것을 금지하는 블로그 서비스의, 블로그에서는 사용이 안 될 겁니다.




플리커 앨범용 코드 만들기 순서



Step 1: What sort of badge would you like to use? (어떤 종류의 배지를 사용할 것인가?)



우선 HTML badge 와 Flash badge 2종류가 있는데, 저는 HTML badge 쪽을 택했습니다. 플래시 배지는 움직이기 때문에, 방문객 컴퓨터의 리소스(CPU 사용량 등)를 차지하는 단점이 있었고, HTML badge 쪽의 디자인이 더 가독성이 높고 깔끔했기 때문입니다.



Step 2: Photos (어떤 사진을 앨범에 넣을 것인가)



* Yours (자신의 사진)
        All of your public photos (자신의 모든 공개 사진)
        Your public photos tagged with: (자신의 공개 사진 중에서, ~ 태그가 붙은 사진만)

* Everyone's (모든 플리커 유저들의 사진)


이런 옵션이 나옵니다. 처음에는 "Your public photos tagged with (~ 태그가 붙은 공개 사진만)"을 택했는데, 그랬더니 아무리 해도 사진이 한 장도 나오지 않았습니다. 분명히 사진에 태그를 붙였는데도 말입니다. 포럼에 가서 알아보니, 플리커 운영자가 사진을 '검열'한 후에야만 이 옵션을 쓸 수 있는 것 같았습니다. 좀 어리둥절하더군요. 그래서 어쩔 수 없이 All of your public photos (자신의 모든 공개 사진) 옵션을 택했습니다.

어떤 경우든, Public (모든 이에게 공개) 으로 설정된 사진만이 앨범에 나타납니다. Private (자기만 볼 수 있게 설정) 사진은 앨범에 나오지 않습니다.



Step 3: Layout (레이아웃)



How many photos would you like to show? (몇 장의 사진을 앨범에 나타낼 것인가)


Which ones? (어떤 사진을)
        Most recent (가장 최근 사진)
        random selection (무작위로 선택; 랜덤하게)

사진이 많고 자주 올린다면, Most recent (가장 최근 사진) 이 좋겠고, 그렇지 않다면 random selection (무작위로 선택; 랜덤하게)이 좋을 듯합니다.


Which orientation would you like? (앨범을 어떤 방향으로)

        Vertical (세로로 길게)
        Horizontal (가로로 길게)
        None (Because you want to style it yourself) (사용자가 HTML을 편집하여 직접 지정)

사이드바에 붙일 것이라면 Vertical (세로로)을 선택해야 합니다.



Step 4: Colors (앨범의 색상 선택)



기본값도 좋더군요.

이 과정이 끝나면, 이제 자바스크립트 코드가 만들어집니다. 그 코드를 자신의 블로그 템플릿에 붙이고 블로그를 '재게시'하면 됩니다. 템플릿이 없는 블로그나 일반 홈페이지라면, 메인 페이지(index.html)에만 그 코드를 붙이면 됩니다.



<플리커 앨범: 완성된 예제 보기>
※ 홈페이지 사이드바의 아래쪽에 붙였는데, 홈페이지가 무거워서 그런지 잘 가지지 않는군요.-_-;
http://mwultong.blogspot.com/의 우측 사이드바의 아래쪽에 보시면 있습니다.




▶▶ 플리커 앨범 HTML/CSS 코드 바로세우기(?): Flickr Badge

0 Comments:

Post a Comment

<< Home RSS 2.0 feed

구글 Google 에서 제공하는 무료 블로그 서비스인 블로거 Blogger 의 인터넷 주소는 www.blogger.com 입니다. Blogger 에 블로그를 만들면, blogspot.com 이라는 주소에 블로그가 생성됩니다.
블로그를 직접 방문하지 않고도 최신 게시물을 구독하려면 RSS 2.0 feed 주소를 리더기에 등록하시면 됩니다.
Categories
Previous Posts
Monthly Archives
Top