홈페이지 제작/드림위버&블로그&컴퓨터

티스토리 이미지에 링크걸기~~

JINSTALE 2010. 5. 24. 23:11
티스토리에서는 텍스트에만 링크가 걸리고 이미지에는 링크가 걸리지 않습니다~

그래서 HTML 의 소스를 직접 수정해서 이미지 에 링크 거는 방법에 대해 설명 하도록 할게요 .



링크거는 방법

1. 사진 올리기나 첨부파일 올리기로 링크걸 이미지를 글쓰기에 올려줍니다.

2. 저장하기를 누른후 업로드된 이미지에  마우스 우클릭후 속성을 눌러 주소를 알아냅니다~
   




3. 위처럼 주소를 알아냈다면 HTML 로들어가 소스를 수정해줍니다~


4. HTML 로 들어가게돼면  이런식으로 써있는 곳이 현 글쓰기상태 에 올라와 있는 이미지 부분입니다~


저부분은 필요없으니 삭제하시고 2번에서 알아낸 주소를 아래 소스처럼 입력해주시면 됩니다~~

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

설명 이미지에 마우스 오버했을시 설명 입력

링크걸주소 외부로 가야할 링크주소 입력
2010/05/20 - [홈페이지 제작/드림위버] - HTML 링크걸기~

blank 클릭시 새창이나 현폐이지에서 열리는걸 조정할수있습니다~
<target=_blank  새창으로 열기> <target=_blank 삭제시  현재창으로열기>

이미지주소 2번에 서 알아낸 주소입력

5. 입력하시고 저장하기 하시면 이미지에 링크를 걸수있습니다~~
    예) http://jinstale.tistory.com/810