네이버블로그 위젯 링크 현재창으로 열기

 

네이버 블로그는 레이아웃·위젯 설정 페이지에서 자유롭게 위젯 추가가 가능하다. 위젯을 통해 블로그 스킨 내에 원하는 이미지를 넣거나 링크 연결이 가능하다.

위젯직접등록

 

 

 

이미지에 링크를 걸기 위해 <a> 태그를 사용해 링크를 걸면 쉽게 링크를 걸 수 있는데, 이 경우 클릭시 자동으로 새창으로 창이 열리게 된다. 새창으로 열리도록 원하는 경우에는 상관없지만 같은 창에서 열리기를 원하는 경우 target="_top"을 추가하여도 코드를 저장하면 자동으로 a 태그 내에 target="_blank"가 추가되어 새창으로 열리게 된다.

 

 

A태그 사용한 현재 창에서의 페이지 이동 (작동 X)

a태그 내에 taget="_top"을 추가하여도 자동으로 taget="_blank"가 추가되어 새창으로 열리게 된다.

<a href="이동할주소" target="_top"><img src="이미지주소"></a>

a태그를 사용한 링크 예시

 

 

 

 

 

새창으로 열리지 않고, 같은 창 내에서 이동하게하는 방법은 없을까?

a태그와 비슷하게 링크를 연결할 수 있도록 해주는 이미지맵 코드를 사용하면 같은 창 내에서 링크 이동이 가능하도록 할 수 있다.

 

 

이미지맵을 사용한 현재창에서의 페이지 이동 (작동O)

이미지에 usemap="#이미지맵이름"을 넣고, map태그를 통해 링크를 입력하는 방법이다. 이때, target="_top"을 넣어주면 현재창에서 이동이 가능하다.

 

원래 이미지맵은 한 이미지에 여러 링크를 거는 경우 사용하는데, 이 경우 이미지 하나 전체에 링크를 걸어서 coords(좌표)부분에 coords="0,0,이미지가로사이즈,이미지세로사이즈"를 넣어주면 <a>태그와 동일하게 이미지 전체에 링크를 걸 수 있게 된다.

<img src="이미지주소" usemap="#img1" border="0">

<map name="img1">
<area shape="rect" coords="0,0,170,130" href="링크주소" target="_top" />
</map>