티스토리 불펌 방지 및 일부 복사 허용 설정하기

오늘은 티스토리 블로그의 글을 임의로 복사하거나 퍼가지 못하도록 전체 펌 방지를 설정한 상태에서 일부 문장이나 단어만 드래그 및 복사가 가능하도록 설정하는 방법을 한 번 알아보도록 하겠습니다.

 

만약 블로그 전체의 모든 글이나 이미지의 복사를 금지시키는 것만으로 충분하시다면 티스토리에서 기본적으로 제공하는 마우스 오른쪽 클릭방지 플러그인을 사용하셔도 됩니다.

 

관리자 -> 플러그인 -> 마우스오른쪽클릭방지 클릭 -> 설정 클릭

 

 

하지만 블로그를 사용하시다 보면 불펌 방지를 설정해 논 상태에서도 특정 코드나 문구 등을 이용자들이 복사해서 사용할 수 있도록 일부 복사를 허용해야 할 상황이 종종 발생하게 됩니다. 지금부터 설명드릴 방법은 바로 이럴 때 유용하게 활용하실 수 있는 방법이니 필요시 적절하게 사용하시기 바랍니다. 그럼 시작하겠습니다.

 

먼저 티스토리 플러그인의 마우스오른쪽클릭방지가 설정으로 되어 있다면 해제를 클릭해 해제해 줍니다. 따로 설정한 적이 없으시거나 이미 해제되어 있다면 아래 과정은 건너뛰셔도 무방합니다.

 

 

---

 

이제 꾸미기 -> 스킨편집 -> html편집을 클릭해 줍니다.

 

 

---

 

아래와 같은 창이 뜨면 아래 그림과 같이 가운데 CSS를 클릭해 줍니다.

 

 

---

 

이제 저 CSS창에 아래의 코드를 붙여 넣어 줘야 합니다. 아래 코드를 드래그하여 마우스 오른쪽 버튼이나 Ctrl+C를 이용해 복사해 주세요. 첫 번째 줄은 추후 식별이나 구분이 용이하도록 하기 위한 주석 부분입니다.

 

/*티스토리 불펌 방지 및 일부 복사 허용*/
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창으로 오셔서 제일 아랫쪽에 복사한 코드를 아래 그림과 같이 붙여 넣기 해 준 후 적용을 클릭해 주세요.

 

 

---

 

일단 여기까지 마치신 후 확인해 보시면 내 블로그의 전체 글들이 드래그가 불가능하도록 설정 변경된 걸 확인하실 수 있습니다. 이제부턴 특정 문구나 단어만 복사가 가능하도록 허용하는 방법을 한 번 알아보도록 하겠습니다.  

 

특정 문구의 복사 허용을 위해선 HTML 모드로 이동해 해당 문구의 앞뒤에 <code></code> 태그를 추가해 주셔야 하는데 생각보다 간단하니 설명을 보시면서 직접 한 번 해보시길 권 해 드립니다. 

 

일단 "새해 복 많이 받으세요"란 문구를 적은 후 이 글을 복사가 가능하도록 만들어 보겠습니다.

 

본인의 블로그에서도 새해 복 많이 받으세요 란 글을 한 번 입력해 보시기 바랍니다.

 

입력을 마치셨다면 아래 그림과 같이 상단바의 기본모드를 클릭한 후 다시 HTML을 클릭해 HTML 모드로 진입합니다.

 

 

---

진입을 완료하셨다면 아래와 같은 창이 뜨고 맨 아래쪽에 보시면 방금 입력하셨던 새해 복 많이 받으세요란 문구를 발견하실 수 있으실 겁니다.

 

 

---

 

이제 아래 그림과 같이 <code></code>를 문구 앞뒤로 입력해 주시기 바랍니다.

 

 

다시 기본모드로 돌아와 완료를 눌러 방금 작성하신 글을 저장한 후 테스트해 보시면 새해 복 많이 받으세요란 문구는 다른 글들과 달리 드래그 및 복사가 가능한 상태인걸 확인하실 수 있습니다.

 

지금까지 본문 복사 방지 및 부분 복사 허용에 대해 알아봤는데 이 설정은 티스토리 자체에서 제공하는 마우스 오른쪽 클릭방지 플러그인과는 달리 이미지에는 적용이 안되므로 이미지 펌 방지는 따로 설정해 주셔야 합니다. 하지만 방법은 훨씬 간단하니 필요하신 분은 아래 링크를 클릭하셔서 이동해 주시기 바랍니다.

감사합니다.

 

티스토리 이미지 불펌 방지 설정하기