본문으로 바로가기


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


이 때 댓글에 씌여진 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



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

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




댓글을 달아 주세요