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

이미지에 링크 거는 방법
html에 대해서 모르시는분들은 따라하면 됩니다.   쉬워요~
티스토리 블로그 이미지에 링크 걸기

1. 티스토리에서 이미지 업로드한 후 링크 걸면 링크가 걸리지 않습니다.
   텍스트에만 링크가 걸립니다.

탁구야 탁구야

 

위의 이미지에 링크 걸어 보겠습니다.http://shop.shopportal.co.kr/movie/

"탁구야 탁구야" 이미지  링크 걸렸나 확인해보니 역시 링크가 않걸렸네요.

팝업창이 뜨네요.

2. 티스토리에서 이미지에 링크를 걸려면 html 소스를 수정하면 됩니다.
   이미지를 등록하고 글쓰기 페이지 하단에 미리보기 클릭해주세요.
   그러면 지금까지 작성한 페이지가 열립니다.
   이미지위에서 마우스 오른쪽 버튼 클릭후 속성 클릭 합니다.

마우스로 드래그해서 주소:(URL) 복사합니다.

HTML 모드로 들아갑니다.

수정할 부분은 [##  ~~` ##] 까지입니다.

[ ##_1C|cfile2.uf@1328183F4ED6F03031D053.gif|width="256" height="37" alt="[티스토리 팁] 티스토리 블로그에서 이미지에 링크 걸기" filename="cfile2.uf@1328183F4ED6F03031D053.gif" filemime=""|탁구야 탁구야_## ]

 위의 박스 안의 테그를 지우고 아래처럼 바꾸면 됩니다.

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

<center>
<a title="설명" href="http://shop.shopportal.co.kr/movie/" target="_blink">
<img src="https://t1.daumcdn.net/cfile/tistory/1328183F4ED6F03031" border=0>
</a>
<center>

 

테그 설명
title : 이미지 위에 마우스 커서를 올렸을 때 나타나는 설명
href : 링크할 사이트의 URL (이동할 주소)
target : 새창으로 이동(_blink 또는 _new), 기본값은 현재 창
src : 이미지 주소(이미지 등록정보에서 확인한 이미지 주소)
border : 이미지 테두리 굵기
<center > ~~ </center> : 이미지를 가운데 정렬하는 테그 입니다.

  아래 탁구야 탁구야 이미지에 링크 걸어 보았습니다. 링크주소 : http://shop.shopportal.co.kr/movie/   될까요 않될까요? 클릭해 보세요.