티스토리, 댓글의 HTTP 링크가 클릭 되도록 수정

아래 그림처럼 댓글에 http로 시작하는 주소에 마우스를 올리면 클릭이 되며 해당사이트를 새창으로 볼수 있다 참고로 본문 글쓰기시에도 URL를 선택하지 않아도 알아서 자동링크가 생성되나 스킨이 바뀌거나 하면 다시 수정할 수도 있으니 참고할 것.


티스토리, 댓글의 HTTP 링크가 클릭되도록 수정.


티스토리 블로그의 경우 댓글이나 방명록에 http로 시작하는 주소를 입력하면 본문과 같이 자동링크 설정이 안된다.

사이트 - http://blog.kjslab.com/16 를 참고, autolink.jsjquery-1.9.1.js 스크립터를 이용한 댓글 자동링크 설정방법을 적용해 본다.



설정방법은 간단하다.


일단, 첨부파일을 다운로드 받고 티스토리에 파일을 업로드 한다.


autolink.zip

jquery-1.9.1.zip


티스토리 skin.html을 열어 그림과 같이 <title> 위에 


<Script Type="Text/Javascript" Src="./Images/Autolink.Js"></Script>

<Script Type="Text/Javascript" Src="./Images/Jquery-1.9.1.Js"></Script>

를 삽입한다.




skin.html 파일 맨 아래에 그림과 같이 


<script type=text/javascript>autolink($('#container'));</script>

를 삽입한다. 

단, #container 이름은 티스토리 블로그의 스킨마다 다르니 본인 스킨에 맞게 수정하여 입력한다.



묘한오빠

남자의 호칭 중에 "오빠"처럼 묘한 것은 없다

이미지 맵

묘한오빠/블로그가 변한다 다른 글

이 글에 담긴 의견 11

    • 저도 이거 해놔야 하는데 생각만 하고 미루기만 하고 있었는데 이참에 추가해야겠네요..

    • 댓글에 주소입력시 링크가 자동으로 되는게 생각보다 편하길래 추가했는데, SONYLOVE님도 이 기회에 추가해 놓으시면 편하실거예요. 환절기 건강 조심하세요.

    • 비밀댓글입니다

    • 위의 설명대로 js파일 업로드 하시고

      <!-- 추가 - 댓글 autolink -->
      <script type="text/javascript" src="./images/autolink.js"></script>
      <script type="text/javascript" src="./images/jquery-1.9.1.js?ver=1.9.1"></script>
      <script type="text/javascript"> autolink($('#container')); </script>

      </html>끝나는 바로 위에 넣으시면 됩니다

      블로그 찾아가서 소스보기해서 js파일 클릭하니 404에러가 뜨는것 봐서는 js파일이 업로드가 안되었던지 아니면 경로가 잘못되었던지 하지 않을까싶네요

    • 404에러 원인은 대/소문자 구분 때문에 그렇습니다.
      업로드된 js파일 대/소문자 구분해 주면 됩니다. 링크를 소문자로 변경해서 접근하니 정상동작 확인했습니다 ^^

    • 알려주신 방법으로 해결했습니다.
      직접 소스 분석도 해주시고, 정말 감사합니다~

    • 기존에 있던 것을 공유하는 것이라... 해결되셨다니 다행입니다.
      잘 모르는 저에게 질문해 주셔서 제가 더 영광이죠 ^^

*

*

이전 글

다음 글