당신을 위한 Snap Shot Plug-In.

Matrix Ltd. 2007. 10. 23. 11:04

Snap Shot Preview!

정말이지, 내가 왜 이제껏 이걸 몰랐을까 하는 자책감이 드는군요. 사실 얼마 전부터 Traveling Circus 하부 포스트들에 직접 하이퍼링크를 걸어놔야겠다는 생각이 들었는데, 막상 그걸 눌러서 들어가서 보라는건 또 좀 웃기는 듯도 하고...아무튼 그래도 리서치의 90% 이상을 차지하는 Wikipedia에 미안하기도 해서 일단 하이퍼링크를 거는 쪽으로 결정을 내렸습니다. 그래도 그 실효성을 의심하던 찰나에...엄청난 놈을 발견해버린거지혀!

Snap Shots에 대해 아마 대부분은 이미 알고 계셨던 것 같지만, 그래도 Μųźёноliс이 처럼 눈먼(?) 블로그를 운영하시는 분들을 위해 소개해보도록 합시다. 이 것의 기능은, 기본적으로 '미리보기'겠죠. 아마 네이버 검색이나 다른 포탈에서 이미 접한 바 있는 그런 기능을 자신의 블로그에 구현할 수 있게 된 셈입니다. 하지만 더욱 더 중요한 것은, rss피드를 제공하는 페이지의 경우, 기본적으로 그 피드를 읽어 미리보기로 띄워주기 때문에 위키피디아나 기타 블로그의 특정 포스트를 타겟으로 링크할 경우, 클릭하지 않고도 그 대략적인 내용을 읽을 수 있습니다.

구글 애드센스나 온라인 동영상 플레이어 설정처럼 간단한 커스터마이징이 가능하고 역시 애드센스나 who's online 플러그인처럼 html태그로 스킨 시트에 추가만 해주면 바로 작동합니다. 그리고 지금까지의 시험구동으로 보건대 그다지 리소스도 많이 잡아먹는 것 같지 않으니 부담없이 사용가능하지 않을까 합니다. 이제 절반가량이 완료된 Pax Europa 프로젝트도 이제 스냅샷 플러그인의 힘을 입어 더욱 강력한 하이퍼텍스트가 될 것을 약속합니다.

이곳에서 시작하세요!


2007.10.23일자 post script :
아마 설치하고 나면, 별 것도 아닌 이미지 링크에도 스냅샷이 뜨고 질egg를 해서 귀찮을 수도 있으니 해결 방법을 적어보고자 합니다. 잡설 다 컷하고 일단 태그부터 붙여드리자면,
<script type="text/javascript">
//<[CDATA[
var links = document.getElementsByTagName('a');
for (var l = 0; l < links.length; l++) {
        if(links[l].href.match(/^http:\/\/(cfs\.tistory\.com|cfs1\.tistory\.com|cfs2\.tistory\.com|cfs3\.tistory\.com)/)){
        links[l].className += " snap_noshots";
    }
}
//]]>
</script>
이놈을 </body>앞에 넣어주시면 됩니다. 원리는, if(links[l].href.match 뒷부분에 들어가는 URL에 관해서는 스냅샷을 비활성화시키는 태그라고 합니다. 물론 얼마든지 수정해서 활용할 수있겠지만, 역시 주의하셔야 할 점은 모든 .(점) 앞에 \를 넣어주셔야 한다는거죠. (앞에 http:\/\/는 예외) 그리고 쥬크박스 리스트와 비슷하게 |로 여러 URL을 동시에 설정해줄 수 있습니다.

2007.11.16일자 post script :
스냅샷에 광고가 추가된 관계로, 본 블로그에서는 설정해제하였습니다.