'링크미리보기'에 해당되는 글 1건

  1. 2007.01.25 테터툴즈 바깥고리, Link_thumbnail 플러그인과 SNAP의 접목 (10)
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번째 줄에서 변경이 가능하다.

댓글을 달아 주세요

  1. Favicon of http://qaos.com/ BlogIcon 도아 2007.01.25 17:21  Addr  Edit/Del  Reply

    저도 snap을 적용해 보려고 했습니다. 그런데 너무 크고 글을 읽을 때에는 오히려 방해가 되더군요. 그래서 지금까지 적용하지 않고 쓰고 있습니다.

    그런데 snap 보다는 이미지가 작으니 확실히 snap 보다는 나은 것 같습니다.

    트랙백을 보내도록 하겠습니다.

    • Favicon of http://eyeball.pe.kr BlogIcon eyeball 2007.01.25 17:27  Addr  Edit/Del

      저도 그점때문에 snap을 꺼렸었죠..^^;
      트랙백 감사합니다..^^

  2. Favicon of http://rhlehy.egloos.com BlogIcon 은천 2007.01.26 12:39  Addr  Edit/Del  Reply

    ........(한숨) 전혀 이해 못함 @ㅂ#

  3. Favicon of http://rootbox.co.kr/ BlogIcon jaNg. 2007.01.29 00:15  Addr  Edit/Del  Reply

    이.. 이봐;; 내 블로그 스크린샷을 맘데로 쓰다니!
    코멘트 한줄 쯤 남겨주란말이다 _-
    (괜히 꼬장 중..)

  4. Favicon of http://stellar.pe.kr/tt/ BlogIcon StarLight 2007.02.02 14:09  Addr  Edit/Del  Reply

    좋은 아이디어네요! 한번 수정해 봐야겠습니다.

  5. Favicon of http://stellar.pe.kr/tt/ BlogIcon StarLight 2007.04.29 16:32  Addr  Edit/Del  Reply

    요즘 이거 고쳐 보고 있었는데;; snap쪽 라이센스 조항에 수정금지가 있어서 공개는 힘들껏 같네요;;

    • Favicon of http://eyeball.pe.kr BlogIcon eyeball 2007.05.01 09:19  Addr  Edit/Del

      아쉽게 됐네요..
      저도 자칫하면 이 글 내려야 할 지도 모르겠네요..;;