태터툴스용 Snap Preview Anywhere 코드 추가 플러그인 V1.0

태터툴즈/플러그인 2006.12.08 02:07
블로그들을 돌아다니다 보니 블로그에 걸린 링크에 대하여 프리뷰들을 제공하는 모습을 보게 되었다.

"어! 저런 걸 어떻게 하지?" 라고 하며, 그 링크들을 쫓아가 본 결과 에서 제공하는 기능이라는 것을 알게되었다. Snap.com에서는 자바스크립트 및 해당 키코드만을 배포하며, 그것을 Blog의 <HEAD>~</HEAD> 사이에 넣기만 하면 그 기능이 작동한다. 매우 쉬운 구조이다.

그런데 이것 역시 내용은 쉽지만 스킨이 바뀔때마다 스킨에 일일히 넣어주어야 하는 구조라서, 스킨을 바꾸거나 했을 경우에(특히 요즘은 태터툴즈가 업데이트 되는 시기라서 신기능을 적용한 새로운 스킨을 많이 적용해 보는 때이기도 하다.) 넣고 빼기 번거로와서 태터툴즈의 플러그인 형태로 만들어 보았다. 어차피 기존에 만들었던 플러그인을 그대로 응용하다시피 했으니, 짜는데 걸리는 시간은 거의 없다시피했다. ^^;

본문상에 외부 사이트로의 링크가 있고(href 링크) 그 링크 위에 마우스를 올리면 다음 그림처럼 해당 타겟에 대한 프리뷰가 보여진다.

Snap Preview로 보여지는 모습

Snap Preview로 보여지는 모습


이 기능을 설치하기 위해 Snap.com 등록메뉴에 가서 등록을 하게되면 키코드와 등록시에 사용한 URL이 포함된 스크립트를 받게된다.
그것을 잘 분해해 보면 Key와 등록시 등록한 URL을 뽑아낼 수 있는데, 이것을 플러그인 index.php 파일의 18, 19번째 줄의 $key와  $domain 값으로 변경시켜 주면 된다.

index.php $key, $domain 값 변경하기

index.php $key, $domain 값 변경하기


위와 같이 수정한 플러그인을 태터툴즈의 플러그인 디렉토리에 업로드하고 플러그인 상태를 사용함으로 변경시켜 주면 Snap PreView AnyWhere 플러그인을 사용할 수 있으며 설치 후에는 다음과 같이 HTML 코드가 사이트 HTML안에 나타나게 된다.

Preview를 위한 JavaScript가 HTML에 삽입된 모습

Preview를 위한 JavaScript가 HTML에 삽입된 모습


플러그인은 다음 링크에서 다운로드 받을 수 있다.


P.S) RSS에서 에러가 발생한다는 리포트가 있어서, 내용상 중요하지 않은 RSS 적용 삭제.

설정

트랙백

댓글

  • 독트린 2007.01.12 20:16 ADDR 수정/삭제 답글

    궁금한게 있는데요.. 혹시 도메인주소 입력을 2개 이상으로 할수는 없나요? 이미지 포스팅때는 다른 곳을 링크해서 넣거든요.. 그 링크걸은 곳을 넣자니 본 블로그에 걸린 모든 링크가 다 보일테고...

    • Favicon of https://inbox.kr BlogIcon 단비 2007.04.26 12:49 신고 수정/삭제

      티스토리가 그런 경우의 대표적인 예 입니다만, 그에 대한 해결책은 없더군요. 감안해서 사용하세요.

  • Favicon of http://www.hybrid.pe.kr/tt BlogIcon Hybrid 2007.01.12 21:46 ADDR 수정/삭제 답글

    덕분에 잘 씁니다!!! ^^

  • Favicon of http://eldad11.cafe24.com BlogIcon Guju 2007.04.26 08:19 ADDR 수정/삭제 답글

    한참 잘 쓰고 있던 중에 문의 드립니다. 동영상 UCC 삽입시 snap과 겹쳐 보이는 현상이 일어납니다. 플러그인을 최상단에 보이게 할 순 없는지 궁금합니다.

    • Favicon of https://inbox.kr BlogIcon 단비 2007.04.26 12:51 신고 수정/삭제

      동영상과 같이 Snap Preview가 정상적으로 지원하지 못하는 것의 경우에는 차라리 Snap Preview가 생기지 않도록 조치하세요.
      그 방법은 Snap Preview 사이트의 FAQ에 잘 나와 있습니다.