본문 바로가기
생활/블로그 관리

티스토리 블로그 댓글 URL 자동 링크 삽입 방법 - script

by 초록술 2021. 4. 2.
반응형
티스토리 댓글 URL 링크 자동 삽입

 

해당 기능은 확인 결과 막혀 있습니다.
추후 다른 방법에 대해 확인되면 가이드드리겠습니다.

 

티스토리 스킨을 변경 후 방문자들이 댓글에 적은 링크가 바로가기 클릭이 안 되는 일이 발생했습니다.

예전에도 해당 문제로 한참을 찾은 기억 있는데 이번에는 잊지 않게 포스팅하려고 합니다.

 

티스토리 댓글 URL 자동 링크 적용

 

티스토리 댓글은 html 이 적용되지 않고 평문(text)으로 입력됩니다.

따라서 http 나 https 링크를 코멘트에 적어도 클릭이 되지 않습니다.

 

이는 스크립트 <script>를 삽입하여 자동으로 링크를 생성하게 할 수 있습니다.

 

아래 이미지와 함께 설명이 되어 있으니 쉽게 따라 해 보세요.

 

1. 스킨편집 메뉴 이동

티스토리 [관리]에서 꾸미기 - 스킨편집 메뉴를 클릭합니다.

 

2. HTML 편집 클릭

스킨 편집 메뉴 우측 상단에 [html 편집] 버튼을 클릭합니다.

 

3. </s_t3> 위치 찾기

 HTML 소스 거의 최하단에 </s_t3>를 찾습니다. 그 아래쪽에 <script>를 삽입하게 됩니다.

 

4. 자동 링크 스크립트 삽입

아래 script를 복사하여 </s_t3> 하단에 붙여 넣습니다. 그리고 적용 버튼을 누릅니다.

 

<script src="https://cdnjs.cloudflare.com/ajax/libs/autolinker/3.14.1/Autolinker.min.js"></script>	
<script>
	( function( $ ) {
		$( 'div[id^="entry"]' ).html( Autolinker.link( $( 'div[id^="entry"]' ).html(), { stripPrefix: false } ) );
	} )( tjQuery );
</script>

 

 

적용 후 아래와 같이 마우스 오버 시 링크가 활성화됨을 확인할 수 있습니다.

 

이상으로 포스팅을 마치겠습니다.

반응형

댓글