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

이번 시간은 티스토리를 포함해 블로그 이미지에 직접 링크를 거는 방법을 소개해드릴까 합니다. 보통 이미지 파일을 선택해서 링크를 걸게 되면 해당 링크로 이동하는게 아니고 위 사진처럼 이미지 팝업창이 뜨기 마련입니다. 약간 번거롭지만 아래와 같이 해주시면 원하는 특정 이미지에 링크를 걸어 이미지를 클릭하면 해당 사이트로 이동하게 할 수 있습니다.

먼저 이미지를 티스토리 블로그에 업로드 해야합니다. 일단 이미지를 포함한 포스팅을 작성하시고 저장합니다. 그 후 본문에서 링크를 등록할 이미지에서 마우스 우클릭 > 선택한 소스 보기를 클릭합니다. 

그럼 위 화살표가 가리키는 URL처럼 사진 주소가 나오는데 이 주소를 복사해둡니다. 

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

[## 어쩌구 ##] <---- 이 부분을 괄호[]까지 포함해서 모두 아래 코드로 치환하시면 됩니다.

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

설명 부분은 이미지에 마우스를 올려놓았을 때 나오는 자동으로 뜨는 툴팁 상자이고, 링크 주소는 이미지를 클릭했을시 가고자 하는 URL을 입력하시면 됩니다. 이미지 주소는 방금 복사해놓은 이미지의 주소를 넣으시면 됩니다. 간단하죠?