* 우선 QR Code 가 무엇인지 먼저 확인해 보세요. *

Googlt 차트 API를 사용하여 동적으로 QR 코드를 생성하기

그럼 실제 사용 예를 들어 설명하겠습니다.

1. 본인의 티스토리 QR 코드 생성하기

<img src="http://chart.apis.google.com/chart?
cht=qr&chs=160x160&chl=http://ikangmin.tistory.com/" border=0>
   위의 소스를 사용하시면 됩니다.

· cht=qr : 차트 Type을 QR 코드로 설정
· chs=160x160 : 차트 Size 설정 (원하시는 크기로)
· chl=http://ikangmin.tistory.com/ : QR 코드를 생성할 URL 지정 (본인의 티스토리 주소 입력)


위와 같이 제 블로그의 QR 코드를 생성하면 아래처럼 나옵니다.


2. 본인 티스토리 게시글의 QR 코드 생성하기

여기서는 티스토리에 글 작성을 하면서 동시에 QR 코드를 생성하는 방법을 설명드리겠습니다.
티스토리 글 작성과 동시에 QR 코드를 생성하여 사용하는 방법입니다.
이미 생성된 게시글의 QR 코드를 다른 곳에서 이용하시려면 1.번 방법을 사용하시면 됩니다.

<img src="http://chart.apis.google.com/chart?
cht=qr&chs=90x90&chl=http://ikangmin.tistory.com[##_article_rep_link_##]" border=0>
   위의 소스를 skin.html 원하시는 곳에 넣어서 사용하시면 됩니다.
   <div>나 img style을 효과적으로 사용하여 원하시는 위치에 잘 넣어서 사용할 수 있습니다.

· cht=qr : 차트 Type을 QR 코드로 설정
· chs=90x90 : 차트 Size 설정 (원하시는 크기로)
· chl=http://ikangmin.tistory.com[##_article_rep_link_##] : 현재 작성하고 있는 글의 URL을 동적으로 생성


본 게시글 제목 우측을 보시면 저의 경우는 QR 코드가 제목 우측에 오도록 크기와 위치를 조정하여 사용하고 있습니다.

저작자 표시 비영리 동일 조건 변경 허락
신고
크리에이티브 커먼즈 라이선스
Creative Commons License
  1. Favicon of http://mba7.tistory.com BlogIcon 손무영 2010.12.29 05:11 신고

    질문 드려봅니다. 를 사용하였는데요,
    반환값이 Null입니다. 이것은 왜 그런 것인가요?

    • Favicon of http://ikangmin.tistory.com BlogIcon Jace K. Lee ikangmin 2011.01.01 10:00 신고

      문제가 되고 있는 부분을 제 G메일 계정으로 보내주셔보세요.
      미약하지만 한번 확인해보겠습니다....

+ Recent posts

티스토리 툴바