티스토리 뷰

* 우선 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/310" border=0>
   위의 소스를 skin.html 원하시는 곳에 넣어서 사용하시면 됩니다.
   <div>나 img style을 효과적으로 사용하여 원하시는 위치에 잘 넣어서 사용할 수 있습니다.

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


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

댓글