로맨테크



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



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



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



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


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


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


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

신고
DISQUS 로드 중…
댓글 로드 중…

트랙백을 확인할 수 있습니다

URL을 배껴둬서 트랙백을 보낼 수 있습니다