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

태터툴즈/플러그인 2006. 12. 8. 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 적용 삭제.

설정

트랙백

댓글