블로그에 Link Site 미리보기 썸네일? 추가하기

taesuz님의 SNAP 설치... 글을 보고 블로그에 Snap Preview Anywhere 를 적용해 봤습니다.
SNAP 사이트를 방문해 보니 이전 새로운 검색 사이트라고 소개되어 방문했던 곳이더군요.

기능은 링크된 사이트의 미리보기 썸네일를 보여줍니다. 아래 링크에 마우스를 가져가 보세요.

http://www.snap.com/about/spa1.php

2007.01.31 Snap Preview Anywhere 삭제해서 미리보기 안 됩니다. ^^

블로그에 적용하기 위해서는 가입시 주는 코드를 </head> 앞에 넣기만 하면 됩니다.
블로그 접속만 더 늦게 만드는 건 아닌지... ^^

Snap Preview Anywhere FAQ

Q: How do I turn off Snap Preview Anywhere for internal links?*

A: You need to add the 'snap_nopreview' tag to each of those links. This can done manually or via JavaScript such as the example below:

<script type="text/javascript">
//<![CDATA[
   //change sites internal links to class "snap_nopreview"
   var links = document.getElementsByTagName('a');
   for (var l = 0; l < links.length; l++) {
       if(links[l].href.match(/^http:\/\/www\.example\.com/)){
          links[l].className += " snap_nopreview";
       }
   }
//]]>
</script>

*Programmers Note: Remember to change the 'www.example.com' URL above to your own site or blog URL. You will also need to paste this JavaScript code snippet just previous to the </body> tag of your page (or page template).

2006.12.12 티스토리 - 글에 삽입된 이미지 프리뷰 기능 끄기

fs.tistory.com 과 cfs1.tistory.com 을 제외시키면 됩니다. 아래 코드를 </body> 태크 앞부분에 추가로 삽입.

<script type="text/javascript">
//<![CDATA[
  //change sites internal links to class "snap_nopreview"
  var links = document.getElementsByTagName('a');
  for (var l = 0; l < links.length; l++) {
       if(links[l].href.match(/^http:\/\/fs\.tistory\.com/)){
           links[l].className += " snap_nopreview";
       }
  }
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
  //change sites internal links to class "snap_nopreview"
  var links = document.getElementsByTagName('a');
  for (var l = 0; l < links.length; l++) {
       if(links[l].href.match(/^http:\/\/cfs1\.tistory\.com/)){
           links[l].className += " snap_nopreview";
       }
  }
//]]>
</script>

2006.12.15 Snap Preview Anywhere 변경 사항
</head> 부분 삽입 코드가 조금 수정되고 내부 링크가 default 로 off 등 몇몇 부분이 바뀜
하지만 티스토리 삽입 이미지의 경우 위의 코드를 추가해야 합니다.

적용 예 => Snap Preview Anywhere FAQ

Q: How can I prevent specific links from having the preview popup appear?

A: Any link that has the 'snap_nopreview' class will not trigger the preview popup. For example:

<a class="snap_nopreview" href="http://www.example.com">www.example.com</a>

2007.01.31 Snap Preview 기능을 Default 로 끄고 특정 링크만 프리뷰 보여주기

Q: I only want a few of the links on my site to trigger a preview. Is there a way to only include links rather than exclude them?

A: Yes. In the JavaScript code on your page, look for the query parameter 'ap=1' and change it to 'ap=0'. This will cause the system to NOT pop up the preview by default. For example:

<script defer="defer" id="snap_preview_anywhere" type="text/javascript" src="http://spa.snap.com/snap_preview_anywhere.js?ap=0&key=SAMPLE_KEY&sb=0&domain=www.example.com"></script>

Then, for each link that you do want the preview popup for, add a 'snap_preview' class. For example:

<a class="snap_preview" href="http://www.example.com">www.example.com</a>