안녕하세요.
오늘은 내 티스토리 블로그의 콘텐츠 내용을 드래그해서 복사해 가거나, 사진 또는 이미지를 오른쪽 마우스 클릭해서 복사해 가져가는 것을 방지하는 방법에 대해서 알아보겠습니다.
내가 작성한 콘텐츠 내용을 드래그해서 복사가 가능하다는 것을 알게 되었습니다.
이미지나 사진도 오른쪽 마우스 클릭으로 복사가 가능하다는 것을 알게 되었습니다. 그래서 최소한으로 내 콘텐츠는 보호받고 싶다는 생각으로 드래그해서 복사는 것과 오른쪽 마우스 클릭을 못 하도록 설정을 할까 합니다.
마우스 오른쪽 클릭 방지 플러그인 설정
내 티스토리 블로그의 관리 페이지에서 오른쪽에 있는 '플러그인' 카테고리를 선택하고, 오른쪽 화면에서 '마우스 오른쪽 클릭 방지' 플러그인을 찾아 클릭합니다.
'적용'을 클릭합니다.
'마우스 오른쪽 클릭 방지' 플러그인이 활성화된 것을 볼 수 있습니다.
이제 내 블로그에 적용이 잘 되었는지 확인해 보았습니다. 그런데, 아직 적용이 안 된 상태입니다. 그래서 내 블로그를 로그아웃한 상태에서 글 검색을 해보겠습니다. 그래도 적용이 안된 상태입니다. 이상합니다. 내 티스토리의 다른 블로그는 적용이 되어 드래그도 안 되고, 오른쪽 마우스도 먹히지 않는데 말입니다.
아무튼 할 수 없이 HTML을 손 봐야 할 것 같습니다.
스크립트 삽입을 통한 드래그 방지하는 방법
직접 티스토리 블로그의 HTML 편집을 통하여 스크립트를 삽입해서 복사가 방지되는지 알아보겠습니다.
내 티스토리 블로그의 관리 페이지에서 왼쪽에 있는 꾸미기 부분의 '스킨 편집' 메뉴를 클릭합니다.
오른쪽 위에 있는 'html 편집' 버튼을 클릭합니다.
<head>와 </head> 사이에 다음 스크립트를 붙여넣기 하면 됩니다. 저는 <head> 바로 뒤를 클릭한 다음, 엔터를 쳐서 공간을 확보하고 나서 다음의 스크립트를 복사합니다.
<script type="text/javascript">
var omitformtags=["input", "textarea", "select"]
omitformtags=omitformtags.join("|")
function disableselect(e){
if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1)
return false
}
function reEnable(){
return true
}
if (typeof document.onselectstart!="undefined")
document.onselectstart=new Function ("return false")
else{
document.onmousedown=disableselect
document.onmouseup=reEnable
}
</script>
위의 스크립트 파일을 다운로드하여서 사용하면 됩니다.
확보된 공간에 스크립트를 ①붙여넣기 하고, 오른쪽 위에 있는 ②'적용' 버튼을 클릭합니다. 그러고 나서 ③'새로고침'을 클릭합니다.
이 상태에서 적용이 되었는지 확인해 보았습니다. 드래그가 안 되는 것으로 보아 잘 적용이 된 것 같습니다. 하지만, 오른쪽 마우스 클릭은 아직도 되네요.
스크립트 삽입을 통한 복사 방지하는 방법
다시 HTML 편집창으로 가서 다음의 스크립트를 복사해서 붙여넣기 합니다.
<body oncontextmenu="return false" onselectstart="return false" ondragstart="return false">
위의 스크립트를 다운로드하여서 사용하면 됩니다.
HTML 편집창 화면을 클릭한 다음, 키보드의 Ctrl+F를 누릅니다. 검새창에 <body id=를 입력하면 편집창 화면에 검색이 됩니다. 바로 아래에 엔터를 치고 공간을 확보합니다.
해당 스크립트를 붙여넣기 하고, '적용' 버튼을 클릭한 다음, '새로고침' 버튼을 눌러 줍니다.
다시 한번 제대로 적용이 되었는지 확인해 보겠습니다. 네, 이번엔 오른쪽 마우스도 먹히지 않습니다. 잘 적용된 것 같습니다.
저작물 사용 허가(CCL)의 비허용 설정
글을 작성하고 공개 발행을 하면, 공개된 글 하단에 저작자표시가 아주 작은 아이콘으로 표시되어 있습니다. 이 설정을 해보겠습니다.
저는 저작물 사용 허가를 '표시합니다'로 설정하고, 그 하위 설정에서 상업적 이용을 '비허용'으로, 콘텐츠 변경을 '비허용'으로 설정한 후, '저장 완료' 버튼을 눌러 적용시켰습니다.
오늘은 이렇게 내 티스토리 블로그의 콘텐츠 내용을 조금이라도 보호하기 위해 드래그해서 복사해 가거나, 사진 또는 이미지를 오른쪽 마우스 클릭해서 복사해 가져가는 것을 방지하는 방법과 저작물 사용허가의 비허용 설정에 대해서 알아보았습니다.
그럼, 다음 시간에 뵙겠습니다.
감사합니다.
'블로그로 돈벌기' 카테고리의 다른 글
| 티스토리 블로그, 20MB 이상 데이터 업로드 방법. 구글 드라이브 (0) | 2023.02.06 |
|---|---|
| 구글 서치 콘솔, 내 블로그 주소 잘못 등록했을 경우 (0) | 2023.02.05 |
| 새로운 구글 애널리틱스 4와 내 블로그 연동하기 (2) | 2023.02.01 |
| 내 블로그, 마이크로소프트 빙(Bing), 줌인터넷 줌(ZUM)에 등록하기 (0) | 2023.01.31 |
| 내 구글 블로그(blogspot), 각 사이트 검색엔진에 등록하기 (0) | 2023.01.30 |
댓글