티스토리 이미지 링크 만들기(새창 열기)

 

 

 

위의 귀여운 버스에 링크를 걸어보는 간단한 작업을 해보겠습니다.

 

1. 링크 이미지를 정한다. (위의 버스를 저는 정했습니다.)

 

2. 그리고 링크를 해서 이동할 url주소를 정해야 겠죠.

 

 아래 HTML 에 체크하신후 원하는 위치에 (예를 들어 맨 아래 또는 특정 글 아래 등등)

 

 

3. 아래의 코드를 적어주세요.

<A href="                     "><IMG src="                     "></A>

 

 

4. <A href="         이 안에 링크URL주소를 붙여주세요.         "> <IMGsrc="    이 안에는 이미지 주소를 넣습니다.    "></A>

 

 

5. 다 아시듯이 url 주소는 해당 사이트 주소를 오른쪽 마우스 버튼으로 복사 후 붙여넣기 하시면 되고요.

 

 

6. 이미지는 게시판이나 메모란에 일단 저장을 해야 합니다. 그래야지 주소가 생성됩니다. 

그러면 현재 작업하기 전에 새글쓰기로 가야합니다. 게시판이나 메모칸 같은 곳에 새글쓰기를 해서 링크할 이미지를 컴퓨터등에서 불러옵니다.

그리고 저장 하기 전에 이미지에 오른쪽 마우스를 눌러 맨 아래 속성을 눌러요.

그러면 이미지 주소가 나옵니다.  그걸 일단 복사한 뒤 이미지를 저장하고 나옵니다. 그리고 다시 돌아와서....

(아래 사진 참고하세요)

 

 

 

 

7. 위의 4번 "    " 안에 이미지 칸 안에 붙여넣기(ctrl+v) 하시면 됩니다. 

 

 

8. 아래는 저의 경우 완성된 코드입니다. 그리고 저장합니다. (색깔은 잘 구분하시라고 임의로 넣은 것입니다. 신경쓰지 마세요.)

 

<a href="http://cinema-spy.tistory.com/entry/차가운-열대어 "TARGET=" _BLANK"><img src="http://blogfiles.naver.net/20130125_3/ban7779_1376qgbS1_JPEG/%B9%E8%B3%CA%BC%F6%C1%A4.jpg"></a>

 

9. 새창으로 열리기

 위 8번의  "TARGET=" _BLANK" 를 주소 뒤에 붙혀 넣으면 링크가 새창으로 열립니다. 붙혀 넣지 않으면 현재창에서 다른 사이트로 넘어가고요.  

 

 

초보적인 작업이지만 저같이 초보자들을 위해 찬찬히 올려보았네요. 도움이 되었는지 궁금합니다.