posted by eyeball 2007. 1. 25. 17:04

요즘들어 위와같이 snap을 쓰는 블로거들이 많이 보인다. snap이란 snap.com에서 제공중인 링크 미리보기 서비스다. 하지만 나는 개인적으로 snap의 미리보기는 너무 크고 지저분하다고 느낀다. 그리고 가끔 이미지 파일까지 미리보기창을 띄우는 경우도 있다. 그래서 나는 예전부터 StarLight님의 Link_thumbnail 플러그인과 도아님의 바깥고리표시 플러그인을 접목 시켜서 사용해왔다. 그러나 StarLight님의 플러그인은 최상위 도메인까지만 미리보기가 가능하기 때문에 snap처럼 하위도메인이나 게시물에 대한 미리보기는 불가능하였다. 그래서 생각해낸 것이 snap의 이미지를 Link_thumbnail에 적용시킨다는 것이다.

이를 위해서는 먼저 snap.com에서 키를 발급 받아야 한다. 도메인과 이메일주소만 있으면 간단하게 발급 받을 수 있다. 그리고 필요한 것은 당연히 바깥고리표시Link_thumbnail플러그인이 있어야 한다. 준비가 끝났으면 플러그인을 설치하고 활성화 하도록 하자.

먼저 Link_thumbnail의 미리보기 기능을 바깥고리표시플러그인에서 표시되도록 한다.
사용자 삽입 이미지
바깥고리표시 플러그인의 index.php파일을 열어 위의 그림과 같이 24번줄 밑에 다음의 코드를 삽입한다.
$link=preg_replace("/(^<a[^>]*)>/is", "$1 class='linkthumb'>", $link);

이렇게만 하더라도 링크 미리보기는 표시된다. 그러나 이 상태는 앞서 말한 문제가 있으므로  snap의 이미지로 대체해야 한다.
사용자 삽입 이미지
Link_thumbnail플러그인 폴더에서 Link_Thumbnail폴더의 arc90_linkthumb.js파일을 열어 위의 그림과 같이 34~36번줄을 주석처리 한 후 그 밑에 다음의 코드를 삽입한다.
m.src = 'http://spa.snap.com/preview/?url='+h+'&key=snap키&src=자신의도메인(http://제외)&cp=spa_preview!자신의도메인(http://제외)&sb=0&v=1.15';
그리고 39번째 줄의 m.alt = '[Picture of '+ n +']';에서 n을 h로 바꾼다.

이렇게 하면 미리보기 이미지에 snap의 이미지가 표시된다. 한가지 더 팁으로 미리보기 이미지의 크기를 조절하고 싶다면 link_thumbnail플러그인의 index.php파일에서 27~28, 33~34번째 줄에서 변경이 가능하다.