애드온 공부를 해보면서 간단한 애드온을 처음 만들었습니다.(어설프더라도 이해해 주세요^.^) 

www.snap.com 에 가보시면 대강의 내용이 보일 것입니다.
지금 이글을 보시는 사이트가 http://jcas.co.kr 문하우스이면,
벌써 아! 이런 것이구나 하고 아실거고,
아닌 분들을 위해서 스샷 하나...
snap_zbxe.jpg 
그러니까 하이퍼링크가 걸린 타 사이트의 경우 위의 이미지와 같이 프리뷰로 보여줍니다.

미리보기

그럼 애드온설치 방법은 먼저 http://www.snap.com 에 가서 자신의 코드를 받아야 됩니다.
snap01.jpg
첫화면에서 "GET STARTED" 를 클릭하면 아래의 화면이 나옵니다.

snap02.jpg
여기서 칼라를 선택하시고 언어를 선택하시고 "Continue"를 누르세요.
로그는 100*20의 크기로 만들어서 올려주시면 되는데 저는 설정해 봐도 그 로그가 나오질 않네요.

snap03.jpg

다음 화면에서 자신의 E-Mail 주소와 도메인주소, 비밀번호를 정확히 기재하신 후 
"I agree to ......" 앞에 있는 라디오버턴에 체크 후 "Continue"를 누르세요.

snap04.jpg

여기에 나오는 코드(화면에서 회색으로 모자이크 처리된 부분)를 복사해 놓으세요.
그럼 이 사이트에서의 작업은 엔드.

snap.zip 애드온 파일을 받아서 압축을 푼후 snap폴더를 /zbxe/addons 폴더에 업로드합니다. 

관리자 정보의 에드온관리에 가서 Snap for Zbxe를 사용으로 하고 설정을 오픈합니다.
mysite01.jpg

조금전에 Snap에서 복사해 놓은 Code를 "Snap Code" 에 붙여 넣어세요.
그리고 이 애드온을 적용할 mid를 선택하시면 됩니다.

참고로 이 애드온은 게시판의 내용글 안에서만 작동을 합니다.
그러니까 페이지나, 게시판리스트에서는 작동을 하지 않습니다.
아무래도 프리뷰를 띄우는데 약간의 속도 딜레이가 생기므로 전체 화면에서는 작동을 하지 않게 막았습니다.

만약 전체화면에서도 프리뷰가 작동되기를 원하시면
민수님이 만드신 "HTML header 내용 추가하는 애드온 Ver.0.3"  
http://www.zeroboard.com/16541052 을 설치하신 후
"Get Your Code"의 전체를 복사하신 후 mid를 적용하시면 됩니다.

p.s 애드온의 snap.addon.php를 수정하셔도 민수님의 애드온과 같이 작동을 합니다.
[수정코드]
<?php
    if(!defined("__ZBXE__")) exit();
    /**
     * @file snap.addon.php
     * @author 문하우스 (mbg1346@hotmail.com)
     * @brief snap for zbxe 애드온
     *
     **/
 if($called_position != 'before_module_init') return;
 $script = <<<EndOfScript
<script language="javascript" type="text/javascript">  
<!--  
    document.write('<'+'script');  
    document.write(' language="javascript" type="text/javascript" charset="utf-8"');  
    document.write(' src="http://shots.snap.com/ss/{$addon_info->code}/snap_shots.js">');  
    document.write('</'+'script'+'>');  
//-->  
</script> 
EndOfScript;
 Context::addHtmlHeader($script);
?>
이 게시물을..