열두칸 수학학원 — 홈페이지형 블로그 위젯 코드 (견본)
==================================================
블로그 주소·카테고리 번호·전화·지도 링크는 미리 넣어 두었습니다.
[ ] 안의 이미지 주소만 바꿔 넣으세요. 나머지는 그대로 둡니다.
- [이미지 주소]: 안내서 1단계에서 복사한 주소 (그림 이름이 같은 자리에)

■ 위젯 이름: 메뉴1_학원 소개
<a href="https://blog.naver.com/PostList.naver?blogId=yeoldu_sample&categoryNo=12" target="_top"><img src="[menu_01 이미지 주소]" width="170" height="170" border="0" alt="학원 소개"></a>

■ 위젯 이름: 메뉴2_반시간표
<a href="https://blog.naver.com/PostList.naver?blogId=yeoldu_sample&categoryNo=13" target="_top"><img src="[menu_02 이미지 주소]" width="170" height="170" border="0" alt="반 · 시간표"></a>

■ 위젯 이름: 메뉴3_수업 기록
<a href="https://blog.naver.com/PostList.naver?blogId=yeoldu_sample&categoryNo=14" target="_top"><img src="[menu_03 이미지 주소]" width="170" height="170" border="0" alt="수업 기록"></a>

■ 위젯 이름: 메뉴4_공지
<a href="https://blog.naver.com/PostList.naver?blogId=yeoldu_sample&categoryNo=15" target="_top"><img src="[menu_04 이미지 주소]" width="170" height="170" border="0" alt="공지"></a>

■ 위젯 이름: 메뉴5_상담 예약
<a href="https://blog.naver.com/PostList.naver?blogId=yeoldu_sample&categoryNo=16" target="_top"><img src="[menu_05 이미지 주소]" width="170" height="170" border="0" alt="상담 예약"></a>

■ 위젯 이름: 옆_연락 (이미지 맵 — 한 장 안에 링크 3개)
<img src="[side 이미지 주소]" width="170" height="420" border="0" usemap="#yeoldu-side" alt="상담 전화 · 오시는 길 · 수강료 안내">
<map name="yeoldu-side">
  <area shape="rect" coords="0,0,170,140" href="tel:0310000000" alt="상담 전화">
  <area shape="rect" coords="0,140,170,280" href="https://map.naver.com/p/search/%EC%97%B4%EB%91%90%EC%B9%B8%EC%88%98%ED%95%99%ED%95%99%EC%9B%90" target="_blank" alt="오시는 길">
  <area shape="rect" coords="0,280,170,420" href="https://blog.naver.com/PostList.naver?blogId=yeoldu_sample&categoryNo=13" target="_top" alt="수강료 안내">
</map>

※ 이미지 맵이 블로그에서 눌리지 않으면(네이버가 막는 경우) 아래 3개를 따로 넣습니다.
<a href="tel:0310000000" target="_top"><img src="[side_1 이미지 주소]" width="170" height="140" border="0" alt="상담 전화"></a>
<a href="https://map.naver.com/p/search/%EC%97%B4%EB%91%90%EC%B9%B8%EC%88%98%ED%95%99%ED%95%99%EC%9B%90" target="_blank"><img src="[side_2 이미지 주소]" width="170" height="140" border="0" alt="오시는 길"></a>
<a href="https://blog.naver.com/PostList.naver?blogId=yeoldu_sample&categoryNo=13" target="_top"><img src="[side_3 이미지 주소]" width="170" height="140" border="0" alt="수강료 안내"></a>