동영상 보시면서 적용하기 쉬우시라고 텍스트 부분들 댓글로 입력해보았습니다.^-^

팝업창만들기의 경우 에디터의 하단에 html 탭에 입력하는 내용

<p><img src="http://test7.sitecook.kr/images/img_1.jpg" width="800" height="800 border="0" usemap="#고객센터휴무"></p>

<map name="고객센터휴무">
<area shape="rect" coords="564.419,754,461" href="http://test7.sitecook.kr/ab-2955-4" title="고객센터바로가기">

헤드 & 메타에 들어갈 맵태그내용

<map name="이름">
<area shape="rect" coords="x1,y1,x2,y2" href="링크주소" title="내용">
<area shape="rect" coords="x1,y1,x2,y2" href="링크주소" title="내용">
</map>

* shape : 링크의 영역 형태.
(사각형=rect, 원=circle, 다각형=poly)

* coords : 이미지 내의 영역별 좌표

<좌표값 입력방법>
사각형(rect): 좌측상단(x1,y1), 우측하단(x2,y2) - ex) coords="x1,y1,x2,y2"
원형(circle): 중심축(x1,y1), 반지름(r) - ex) coords="x1,y1,r"
다각형(poly): 1번좌표(x1,y1), 2번좌표(x2,y2), 3번좌표(x3,y3) - ex) coords="x1,y1,x2,y2,x3,y3"

* href = 클릭시 이동하는 링크 주소

기타속성 - usemap="#이름"