* 우선 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 코드가 제목 우측에 오도록 크기와 위치를 조정하여 사용하고 있습니다.

저작자 표시 비영리 동일 조건 변경 허락
신고
  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

티스토리 툴바