본문으로 바로가기


티스토리 블로그가 워낙 댓글이 안달리고 묵언교류의 장이긴 하지만, 그래도 정보성 블로그의 경우에는 댓글로 다른 링크를 주고받는 커뮤니케이션이 필요할 때가 있다. 


이 때 댓글에 씌여진 url 주소가 하이퍼링크르 먹어서 클릭한번에 이동되느냐, 아니면 url을 복사해서 주소창에 처넣어야 하느냐는 천지차이이다. 복사방지가 걸려있다면 이조차 안되어, 긴 주소의 경우는 일일이 타이핑을 해야하는 번거로움이 생긴다.


티스토리 블로그의 댓글창에 url 홈페이지 주소가 입력될경우 자동으로 하이퍼링크를 걸어서 연결해주는 HTML/CSS 스킨 수정방법을 소개한다. 


먼저 다음 두개의 스크립트 파일을 다운받아, 본인의 블로그스킨 파일업로드 메뉴에서 올려준다. 요즘에 메뉴가 좀 바뀌어서, 스킨편집을 누르고 HTML편집을 한번더 눌러주어야 위에 HTML / CSS / 파일업로드 탭이 생긴다. 


autolink.js

jquery-1.9.1.js


단계① 위 두개 파일을 컴퓨터에 다운받은 뒤, 파일업로드에서 +추가 를 선택하고 업로드한 후에 저장을 해준다. 그리고 HTML 편집화면으로 가주자.


단계 ② 위 그림과 같이 <HEAD> 부분에 <TITLE> 위에 두줄을 추가해준다. 방금 업로드한 스크립트 파일들을 사용할 수 있게 걸어주는 명령어라고 생각하면 된다.


1
2
<SCRIPT type=text/javascript src="./images/autolink.js"></SCRIPT>
<SCRIPT type=text/javascript src="./images/jquery-1.9.1.js"></SCRIPT>
cs


html.txt

본 블로그의 복사방지 기능때문에 드래그가 안되시는 분들은 이 메모장 파일을 열어서 복사해가시면 되겠다.



단계 ③ </BODY>가 끝나는 HTML 창 맨 아랫부분에 다음과 같은 한줄을 추가해준다. </BODY>의 앞에 넣거나 뒤에 넣거나 상관이 없다. 이것은 오토링크를 어떤 영역에 걸어줄것인가를 선언해주는 스크립트 명령어이다.


1
<SCRIPT type=text/javascript>autolink($('#content'));</SCRIPT>
cs


html2.txt

마찬가지로 복사가 안되는 분들은 메모장 파일을 열어서 소스를 긁어주시기 바란다.


이 때 한가지 유의할 점이 있다. 위 명령어에서 #content 라는것이 어떤 영역에 자동 하이퍼링크를 걸 것인지 지정해주는 것인데 이것은 각자가 어떤 티스토리 블로그스킨을 쓰는지에 따라 달라진다.


나의 경우 CCZ-CROSS 스킨을 사용하고 있어서, content 영역을 지정해주면 본문과 댓글창을 포함하는 전 영역이 설정이 된다. 하지만 현재 본문에는 자동 하이퍼링크가 안걸리는데 그 이유는 아직 모르겠다. 스킨 자체에서 지정된 다른 설정이 있어서인지...


그럼 언젠가 네이버 블로그가 폭삭 망하고 티스토리 블로그가 활성화되어 댓글이 넘쳐나는 날 이 기능을 써먹을 수 있기르 고대하며 이만 마친다.



참고 블로그

http://zinee-world.tistory.com/339

http://blog.kjslab.com/16



네이버 이웃추가 (클릭) 포스팅 무료구독 받기

▼ 공감과 댓글은 업로드에 큰 힘이 됩니다!!




댓글을 달아 주세요

  1. BlogIcon 눈곰이 2018.03.09 13:43 신고

    안녕하세요. http://mysnowbear.tistory.com 을 운영하고 있는 눈곰입니다. 라오꽁님께서 안내해주신대로 파일도 업로드하고 코딩도 작성해보았는데요. 정작 댓글창에 있는 링크에 대해 자동으로 클릭할 수가 없더라고요. 혹시 이를 어떻게 하면 해결할 수 있는지 안내해주신다면 정말로 감사하겠습니다 ㅠㅠ

    • BlogIcon 라오꽁 2018.03.13 19:06 신고

      음.. 제가 써놓은걸 보시면 저 스크립트를 어떤 영역에 지정할 것인지 표시하는 부분이 있는데요
      예를들면 content 라던지 container 이런식으로요
      그 부분이 자신의 스킨에 설정된 영역지정 치환자와 맞아야 동작을 하게 되겠죠?
      명령어는 간단하니 붙여넣고 저 치환자 부분을 다시한번 살펴보세요~~

    • BlogIcon 라오꽁 2018.03.13 19:06 신고

      댓글을 달기 전에는 댓글창 링크가 자동으로 클릭이 되었는데,
      댓글을 달고나면 링크가 사라지는 문제도 있긴 하네요;;