내 블로그 새 글에 QR코드를 자동으로 붙이자.

지난 포스트(스마트폰, QR코드를 이용하자, QR코드 리더기 앱(App) 활용 방법, 비교 추천)의 QR코드 활용 방법에 이어, 이번에는 내가 운영하는 블로그에 실제 QR코드를 붙어 보는 방법입니다.

QR코드를 붙이는 방법은 QR코드 생성사이트를 통해 URL 을 QR코드이미지로 생성해서 이를 블로그에 링크하는 방법이 있지만 이는 고정적인 코드로 블로그의 시작페이지로 유도하는 정도 밖에는 할 수 없습니다.

그렇다고 매 페이지를 QR코드 생성을 수작업으로 한다는 것은 너무 힘든 일이겠죠.

하지만 이를  자동으로 생성해주도록 할 수 있습니다.

이 블로그의 화면 좌측에도 보시면 아시겠지만  여기에 있는 QR코드는 고정이 아닙니다. 블로그 글이 바뀌게 되면 QR코드도 자동으로 바뀝니다.

현재 접속중인 URL에 맞게 QR코드를 바꿔주는 것이지요.

이러한 기능을 여러분의 블로그에도 사용할 수 있도록 공개합니다.

다만 QR코드를 자동 생성하기위해서는 해당 블로그에서 자바스크립트(Javascript) 를 지원해야 합니다.

우선 방법을 요약하면 아래의 자바스크립트를 QR코드를 표시하고 싶은 위치에 삽입을 하면 됩니다.

<script language="javascript" type="text/javascript" src="http://code.fny.kr/qrgen/js.qrgen.v1.js?wx=160&hy=160&end=e"></script>

 그럼 티스토리를 기준으로 설치하는 방법을 말씀드리겠습니다.
( 다른 블로그나 홈페이지에도 Javascript 이용이 가능하다면 붙일 수 있습니다.)

티스토리에서는 태그입력기를 이용하면 편리하게 작업 코드를 넣을 수 있습니다.



1) 태그입력기를 설정하기 위해 먼저 [플러그인] - [플러그인 설정] 메뉴로 이동합니다.

2) 플러그인 목록에서 [태그 입력기]를 선택하여 [사용] 으로 설정합니다.

태그 입력기가 설정 되었다면

3) [스킨]-[사이드바 설정]으로 이동합니다.

4) 사이드바 설정에서 사용 가능한 모듈에서 태그 입력기를 선택해서 QR코드를 표시할 사이드바 꾸미기 위치로 끌어다가 이동 시킵니다.

5) 위치한 태그 입력기의 [편집]을 클릭해서 아래 코드들을 복사해서 그림 처럼 삽입합니다. 

<div width=100% align=center> <script language="javascript" type="text/javascript" src="http://code.fny.kr/qrgen/js.qrgen.v1.js?wx=160&hy=160&end=e"></script> </div> <div> <b>현재 페이지를 스마트폰에서 보기! QR코드 </b> </div>

이름에는 "QR코드"와 같이 적절한 이름을 넣고
치환자 항목안에 아래 코드들을 복사해서 붙여 넣기 하고 [확인] 을 누리고 [미리보기]확인 후
QR코드 출력이 정상적이면 저장을 눌러 완료 합니다.

완료 되었으면 최종 적용되었는지 페이지별로 이동해서 확인합니다.

QR코드상에서 URL은  여러분의  블로그 도메인 네임뒤에  ".fny.kr/qr" 이 붙습니다. 사용자가 스마트폰을 통해 해당 QR코드를 읽어서 이동하면  이 서버에서  실제 URL로 보내주게 되며 이때 QR코드가 읽힌 URL을 기록 해서 이후 통계정보를 제공할 계획 입니다.

그럼 설치 해서 보다 스마트한 블로거가 되시기바랍니다. 문의는 언제든 환영입니다. 댓글로 남겨주세요^^