Snap Shots™은 간단히 이야기하자면, 링크 미리보기 서비스입니다.
문맥 연관형 컨텐츠를 작성, 공유 및 배포하는 확장 가능한 개방 플랫폼입니다.
현재는 8가지 Snap Shots™가 있지만, 더 많이 개발 중에 있습니다.(홈페이지 내용 中)
참고.
국내에는 LinkView라는 비슷한 서비스가 있습니다.
http://linkview.kilho.net/
서비스에 대한 이야기는 아래 사이트를 참조해 주시고요.
저는 설치에 관한 내용을 담겠습니다.
http://www.snap.com/about/shots_central.php
별다른 가입절차 없이, 이메일과 홈페이지(blog포함)주소 만으로도 가능한 서비스입니다.
홈페이지에 접속하겠습니다.
http://www.snap.com/
![](http://pds3.egloos.com/pds/200706/07/98/b0014898_02065186.jpg)
이 곳에서 우측하단에 주황색 이미지를 클릭합니다.
그럼 다음 사이트로 이동합니다.
http://www.snap.com/about/shots.php
![](http://pds3.egloos.com/pds/200706/07/98/b0014898_02061230.jpg)
영문이 어려우시다고요! 걱정마세요. 친절하게도 한국어지원도 하고 있는 곳입니다.
우측상단에 태극기를 클릭하시면, 짜잔~!!
![](http://pds4.egloos.com/pds/200706/07/98/b0014898_0206398.jpg)
![](http://pds3.egloos.com/pds/200706/07/98/b0014898_0206496.jpg)
자, 이제부터 시작입니다.
지금 시작하기를 클릭합니다.
![](http://pds4.egloos.com/pds/200706/07/98/b0014898_02060576.jpg)
자, 이러한 창이 뜨셨으면
각자의 홈페이지에 맞게 색과 크기 등등을 설정해 주면 더욱 보기좋은 Snap Shots가 될껍니다.
먼저 색을 고르신 후에
Snap Shots 아이콘 및 트리거 유형 선택에서
`Snap Shots 아이콘은 사용자 링크 옆에 있는 말풍선 모양의 아이콘을 가리키는 것이고요.
`트리거된다는 것은 Snap Shots 활성화 시키는 것을 선택하는 겁니다.(맞나?)
`아래 세가지 경우가 있으니 잘 결정하세요.
`링크가 많은 홈페이지에 Snap Shots 아이콘을 있게 하면, 홈피가 지저분해 질수 있습니다.
첫번째, Snap Shots 아이콘; 링크 및 아이콘에 의해 트리거되는 Snap Shots
![](http://pds5.egloos.com/pds/200706/07/98/b0014898_02062585.jpg)
두번째, Snap Shots 아이콘; 아이콘으로만 트리거되는 Snap Shots
![](http://pds5.egloos.com/pds/200706/07/98/b0014898_02064772.jpg)
세번째, Snap Shots 아이콘 없음; 링크에 의해 트리거되는 Snap Shots
![](http://pds3.egloos.com/pds/200706/07/98/b0014898_03060671.jpg)
다음엔 크기를 결정하세요. 크게하는 경우 아래와 같은 경고문이 뜹니다.
![](http://pds5.egloos.com/pds/200706/07/98/b0014898_03062585.jpg)
고급설정 중, 눈에 거슬리는 검색상자를 제거 하실수 있습니다.
단, 외부 링크 미리보기(Preview External Links)를 해제하시면 쓸모가 없게됩니다.
내부링크는 홈페이지내에 다음페이지나 목록이동시에도 Snap Shots가 활성화되어
산만할수도 있습니다.
![](http://pds3.egloos.com/pds/200706/07/98/b0014898_03063746.jpg)
계속을 클릭합니다.
다음페이지에서 홈페이지(URI)와 이메일주소를 입력한 후에
약관에 동의한후, 계속을 클릭합니다.
![](http://pds3.egloos.com/pds/200706/07/98/b0014898_03063177.jpg)
창에나와있는 스크립트 소스를 복사합니다.
텍스트 선택을 누르면 자동으로 전체선택을 합니다.
![](http://pds3.egloos.com/pds/200706/07/98/b0014898_03065672.jpg)
![](http://pds3.egloos.com/pds/200706/07/98/b0014898_03062248.jpg)
홈페이지에는 /body앞에 넣어 주기만 하면 됩니다.(사진은 티스토리 스킨변경화면)
![](http://pds5.egloos.com/pds/200706/07/98/b0014898_03063118.jpg)
코드복사에서 계속을 누르면, 아래와 같이 아이콘을 넣을수 있는 소스도 제공합니다.
이건 뭐, 선택사항입니다. _-a
![](http://pds3.egloos.com/pds/200706/07/98/b0014898_03065754.jpg)
Snap Shots에서 온 메일을 확인해 봤습니다.
설치와 이 후 서비스에 대해 그리고 그들의 신기록(?)들을 알려줍니다.
![](http://pds3.egloos.com/pds/200706/07/98/b0014898_03061041.jpg)
사용자 정의 페이지를 눌러봤습니다.
![](http://pds4.egloos.com/pds/200706/07/98/b0014898_03062779.jpg)
예제로 스샷 두 방으로 마무리.
제 블로그와서 직접 확인하셔도 괜찮아요(퍼퍽_-a)
감사합니다.
![](http://pds5.egloos.com/pds/200706/07/98/b0014898_03064817.jpg)
![](http://pds4.egloos.com/pds/200706/07/98/b0014898_03061060.jpg)
반응형