반응형
티스토리에서 다른 사람들의 블로그를 방문하다보면
하이퍼링크마다 프리뷰 형식으로 사이트 스크린샷이 작게 뜨는 장면을 자주 목격한다.
어떻게 하는걸까 궁금했는데 의외로 간단했다.
참고로 정확한 명칭은 Snap Preview Anywhere (SPA)라고 한다.

http://www.snap.com/about/spa2.php

위 사이트에 접속 후
티스토리에서 본인이 개설한 블로그 '주소'를 입력하고(http:// 포함)
알파벳 이미지를 그대로 입력한 다음
본인의 '이메일 주소'를 입력하고
"I agree to the Terms & Conditions below" 에 체크한 후

버튼을 누르면


페이지 중간에 <script defer="defer" 어쩌고 하는 태그를 얻을 수 있는데
이것 복사해서 티스토리 설정 페이지의 스킨편집에서 skin.html의 <head></head> 태그 사이에
입력해주면 된다.

내 경우엔
<script defer="defer" id="snap_preview_anywhere" type="text/javascript" src="http://spa.snap.com/snap_preview_anywhere.js?ap=1&amp;key=a30e3d03b85b217363395ed868fcccf1&amp;sb=1&amp;domain=nabee.tistory.com"></script>
와 같은 코드를 얻었다.

↓↓

<script defer="defer" id="snap_preview_anywhere" type="text/javascript" src="http://spa.snap.com/snap_preview_anywhere.js?ap=0&amp;key=a30e3d03b85b217363395ed868fcccf1&amp;sb=0&amp;domain=nabee.tistory.com"></script>


sb=0 : 스냅 화면에서 검색창 제거
ap=0 : 기본값으로 모든 스냅 프리뷰 기능 정지(*)


(*)
페이지 로딩시 덜 버벅이게 하기 위해,
기본값으로 snap preview 기능을 모두 끄고 필요한 하이퍼링크에만 href 태그 앞에 class=snap_preview 를 삽입하여 활성화시킴


반응형
l