티스토리 블로그 복사방지 설정과 특정 영역 복사 허용 방법

티스토리 블로그 복사방지 설정과 특정 영역 복사 허용 방법

안녕하세요 공대 박형입니다.

오늘은 티스토리 블로그에서 글을 복사하지 못하게 하는 방법과 특정 부분만 복사를 허용하는 방법에 대해 알아보겠습니다.

블로그를 열심히 작성했는데 누군가가 내 글을 무단으로 복사하여 사용한다면? 기분이 좋을 수 없을 텐데요. 저는 처음 블로그를 시작했을 때 이러한 사태를 미리 예방하기 위해 티스토리 블로그 플러그인에 '마우스 오른쪽 클릭 방지'를 사용했었습니다.

하지만 제 블로그 특성상 코드를 복사해서 사용하는 분들이 많은데 글이 복사가 되지 않는다면 굳이 제 블로그를 볼 필요가 없을거라 생각했습니다. 그래서 모든 글의 복사를 방지하고 내가 원하는 특정 부분만 복사를 허용할 수 있는 방법을 찾게 되었습니다.

이제 그 방법에 대해 설명드리겠습니다. 우선 티스토리 블로그 플러그인 설정에서 '마우스 오른쪽 클릭 방지'를 사용 중이라면 사용을 해지해야 합니다.

1. 블로그 관리 탭에서 '스킨 편집'을 눌러주세요.

2. 'html 편집'으로 들어갑니다.

3. 'CSS'탭에 들어간 후 맨 아래 부분에 아래 코드를 붙여 넣습니다.

/*================= 복사 방지 =================*/
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;
}

위 코드를 CSS에 추가함으로써 자신의 블로그 글을 복사할 수 없는 상태로 만들어줍니다. 이후 블로그에 글을 작성할 때 '글쓰기'단계에서 추가적인 작업을 통해 특정 부분 복사를 가능하게 만들 수 있습니다.

4. 블로그 포스팅 단계에서 'HTML'작성 화면으로 이동합니다.

딱 이 부분만 복사가 가능합니다.

5. 위와 같이 'HTML모드'에서 복사가 가능하게 만들 문장의 양단에 <code> Text </code>를 추가하면 됩니다.

<p>와 </p> 같은 경우 html에서 문단의 시작과 끝을 표시하는 코드입니다. 이 사진처럼 <p></p> 사이에 <code>를 사용해도 되고 p대신 code를 사용해도 정상적으로 동작합니다.

제가 이 방법을 알아내는데 도움을 받은 포스팅의 링크를 적어놓겠습니다. 더 자세한 내용은 아래 링크에서 확인할 수 있습니다.

https://muksteem.tistory.com/4


이것으로 블로그 글 불펌을 완벽하게 막을 순 없지만 조금이라도 도움이 됐으면 좋겠습니다.


오늘 포스팅을 여기서 마무리하겠습니다.

읽어주셔서 감사합니다.