티스토리 블로그에서 이미지에 링크걸기

 

이번에는 티스토리를 포함해 블로그 이미지에 직접 링크를 거는 방법을 소개하겠습니다. 보통 이미지 파일에 링크를 걸면 해당 링크로 바로 이동하지 않고 위 사진처럼 이미지 팝업창이 뜹니다. 약간 번거롭지만 아래와 같이 설정하면 원하는 이미지에 링크를 걸어, 이미지를 클릭했을 때 해당 사이트로 이동하게 할 수 있습니다.

 

먼저 이미지를 티스토리 블로그에 업로드해야 합니다. 이미지를 포함한 포스팅을 작성한 뒤 저장합니다. 그 후 본문에서 링크를 등록할 이미지를 마우스 오른쪽 버튼으로 클릭한 다음 선택한 소스 보기를 클릭합니다.

 

그러면 화살표가 가리키는 URL처럼 이미지 주소가 나오는데, 이 주소를 복사해 둡니다.

 

그 후 티스토리 글쓰기 모드에서 우측 상단 HTML로 보기 버튼을 체크합니다. 잘 찾아보시면 아래 이미지처럼 노란색으로 하이라이트된 부분이 있습니다. 이 부분을 아래와 같이 치환해 주세요.

 

[## ... ##] 이 부분을 아래 코드로 치환하시면 됩니다.

<center>
  <a title="설명" href="링크주소" target="_blank">
    <img src="이미지 주소" border="0" alt="설명" />
  </a>
</center>

 

설명 부분은 이미지에 마우스를 올렸을 때 자동으로 뜨는 툴팁 문구입니다. 링크주소에는 이미지를 클릭했을 때 이동할 URL을 입력하시면 됩니다. 이미지 주소에는 방금 복사해 둔 이미지 주소를 넣으시면 됩니다. 간단하죠?