위무위의 블로그

티스토리 블로그 게시글 사진 링크 걸기 (불편한 진실 극복하기) 본문

컴 앤 스터디

티스토리 블로그 게시글 사진 링크 걸기 (불편한 진실 극복하기)

위무위 위무위 2012.02.29 18:51
 1. 티스토리 블로그 게시글 사진링크걸기 안됨.

 티스토리 블로그로 옮겨온지 20여일이 지났네요. 그러면서 티스토리의 장점과 단점을 발견하고 깜짝깜짝 놀랍니다.  이것저것 공부를 하게만드는 장점을 가졌다고 긍적적인 마인드로 무장하고 알아본것 까먹을까봐 글을 씁니다. 티스토리 블로그 게시글에 사진을 올리고 사진클릭시 링크로 이동하는 링크걸기 ...

[티스토리 하려다 보니 공부로 다크서클 생길라 합니다.ㅋㅋ]

 

 네이버에서는 사진위에서 간단하게 링크를 넣으면 되는데요. 티스토리도 마치 되는 것 같습니다. 하지만 게시글을 완료하고도 안됩니다. 위에 사진을 클릭하고 글쓰기 메뉴의 링크를 사용해서 새로운 창으로 이동하기를 설정한 상태입니다.
 

[기타 블로그와 다르게 설정해도 링크로 이동이 안됩니다]

 

 그렇지만 글쓰기를 완료하고 해당 게시물에서 아무리 사진을 클릭해도 이동하지 않습니다. 네이버나 기타 블로그들은 대부분 위처럼 적용하면 간단하게 처리되어 지는데, 왜이럴까요? 암턴, 이래저래 뒤져보고 알아보니 티스토리는 안된다는 것이 결론이었습니다. 
 
 2. 방법은 외부링크 걸기

 결국 외부링크 걸기로 사진을 올리면서 동시에 링크를 걸어야 하는 불편함이 있습니다. 결국은 html 을 사용해야 한다는 것이죠. 그럼 한번 시작해 볼께요.

1) 올리고 싶은 사진을 올린다
 * 사진을 비공개 글쓰기로 본인의 블로그에 등록합니다.

[테두리는 제가 칠했어요]

 


2) 사진 주소를 파악한다.
  * 사진올리고, 글쓰기를 완료한 게시물에서 오른쪽마우스>속성으로 사진url을 파악합니다.

 


3) html테그를 활용해서 넣는다.
  *그럼 링크를 건 사진을 포함시킬 글쓰기에서 아래와 같이 입력해주시면 됩니다.

<a title=" 하고싶은말 입력 "  href="이동하고 싶은 주소 입력"  target=_blank>
<img src=" 사진이 위치한 주소 입력 "></a>

짧은 길이이지만, 메모장에 넣어 첨부할께요~ ^^
아래 사진링크html.txt를 클릭하면 메모장에서 쉽게 복사할 수 있습니다.

사진링크html.txt


저는 아래처럼 입력을 해보았습니다.(게시글을 작성시 html 쓰기 모드에서 넣으셔야 합니다.)

<center><a title=" 삐군이에요~ "  href="http://bbgoon.tistory.com"  target=_blank>
<img src="http://cfile6.uf.tistory.com/image/185A9B474F4DE62C3B8066"></a></center>

입니다. 앞뒤로 <center> </center> 은 중앙정렬하기 위해 넣었습니다. 아래가 실제로 적용한 예입니다.
사진을 클릭하면 제 티스토리 블로그로 이동하게 되죠~

완성되었습니다.
위 사진을 클릭하면 제 블로그 메인으로 새창띄우기가 됩니다. ^^/

 3. 개인적인 생각

 

 위와 같이 외부사진을 불러와 링크를 거는 방법은 참 번거롭기 그지 않고 헷갈리기 마다하지 않은 것 같습니다. 게다가 실수로 사진을 지우기라도 하면! 애써 링크걸어뒀던게 무용지물이 되어 버리겠죠. 특히나 한장의 사진에 링크를 걸어 여러번 활용했다면, 상상하기도 싫습니다. 
 

[삐군이었슴돠~]

 

 별문제 없이 잘쓰는 분들도 계신다고 하는데 플러그인 설정에 따라 다르다고 합니다. 어쨌든 필요하셨던 분들에게 꼭 도움이 되었으면 합니다.

그리고 끝으로 티스토리에게
"바라옵건데 티스토리는 제발 사진링크 거는게 잘 구현되게 해주세요!"






 

 

도움이 되셨다면 아시죠?

12 Comments
댓글쓰기 폼