티스토리 내 블로그 글 복사 금지 및 특정 부분만 드래그 허용 방법

 

이전 글에서 드래그 및 마우스 우클릭을 막아서 복사를 못하는 방법을 알아봤다.

https://d-knowledge.tistory.com/11

티스토리 내 블로그 글 드래그 및 우클릭을 이용한 복사 금지 방법(2023-09-19 기준)

하지만 이렇게 할 경우 내가 코드를 작성하거나, 특정 부분에 대해서는 다른 방문자에게 복사를 허용하고 싶어도 할 수가 없게 된다.

그래서 이번에는 내 글에서 특정 부분을 제외하고 드래그 복사를 막는 방법을 알아보기로 한다.

 

일단, 이전 글을 보고 설정을 한 사람이라면, 설정한 모든 부분을 다시 원상 복구 해줘야 한다.

1. 플러그인에서 설정한 마우스 우클릭 금지 설정을 해제

2. html 코드에서 작성한 내용 제거

드래그 금지 및 특정 부분 허용

1. 내 블로그에서 관리 화면 접속

키보드 Q를 클릭 하거나 내 블로그 URL/manage 를 접속한다.

2. 관리 화면 좌측 사이드 화면에 스킨 편집을 클릭

3. 스킨 편집 화면에서 html 편집 클릭

4. 우측 상단 CSS 클릭

5. 제일 하단에 코드 작성

/*드래그 허용 태그*/
code {
-webkit-user-select: text !important;
-moz-user-select: text !important;
-ms-user-select: text !important;user-select: text !important;
}
/*드래그 금지 태그*/
body {
-webkit-user-select: none !important;
-moz-user-select: -moz-none !important;
-ms-user-select: none !important;
user-select: none !important;
}

드래그 허용하고 싶은 블럭이 더 있다면, 해당 블럭의 태그를 찾아서 드래그 허용 태그인 code, pre 형태로 추가를 해주면 된다.

태그를 찾는 방법은 크롬 브라우저의 경우 키보드 F12를 클릭하여 개발자 도구를 실행해서 찾아야 한다.

6. 수정한 css 적용

 

 

이렇게 내 블로그 글을 드래그 방지하며, 특정 부분만 허용하는 방법을 알아보았다.