[블로그스팟] 마우스 오른쪽 클릭 – 드래그 복사 금지 완벽설명

블로그스팟 마우스 오른쪽 금지 타이틀 섬네일



티스토리 대안으로 블로그스팟을 최근 많이 사용하는 사람이 부쩍 늘었습니다. 티스토리보다는 손은 많이 가지만 그래도 무료로 이용할 수 있고 구글 블로그다 보니까 SEO도 어느정도 괜찮게 지원 하것 같아서 좋게 보구 있습니다.

티스토리와 다르게 구글에서 제공하는 블로그인 블로그스팟은 “마우스 오른쪽 버튼 클릭금지”, “복사 방지”를 위한 마우스 드래그 금지 적용을 직접 해주어야만 합니다.

HTML/JavaScript 기능을 이용해야 하지만 아래 설명을 보고 하나씩 해보시면 어렵지 않게 적용할 수 있습니다.




마우스 드래그 복사 금지 코드

아래코드는 블로그에 마우스를 드래그에서 복사해 갈 수 있는 것을 방지해 주는 복사 금지 코드입니다.

아래 코드를 드래그 해서 메모장에 저장해 놓으세요.


<!- start disable copy paste -->

<script src='demo-to-prevent-copy-paste-on-blogger_files/googleapis.js'></script>
<script type='text/javascript'> 
  if(typeof document.onselectstart!="undefined" ) 
  {document.onselectstart=new Function ("return false" ); } 
  else{document.onmousedown=new Function ("return false" );
       document.onmouseup=new Function ("return false"); } 
</script>
<!-- End disable copy paste --></!->








마우스 우클릭 금지 코드 

아래코드는 블로그에서 마우스 우클릭을 할 수 없도록 방지해 주는 복사 금지 코드입니다.
마찬가지로 아래 코드를 드래그 해서 메모장에 저장해 놓으세요


<script language=javascript>
<!--
var message="Right Click Has Been Disabled";

///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}}

function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}}}

if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}

document.oncontextmenu=new Function("alert(message);return false")
// -->
</script>




블로그스팟에 복사방지 / 우클릭 금지 적용하기

적용할 블로그스팟 관리 페이지에 들어가게 되면 왼쪽 메뉴에 “레이아웃” 클릭해 줍니다.

블로그스팟-메뉴-레이아웃선택 안내




레이아웃 화면에 보면 “+ 가젯 추가”를 할 수 있는 곳이 있습니다. 원하는 곳 부분에 “+ 가제추가” 클릭해 줍니다.

(본인의 블로그에 편한곳에 가젯 추가를 선택해 주면 됩니다. 고민하지 마세요 나중에 변경할 수 있어요^^)


블로그-레이아웃설정-가젯추가




여러 가지 가젯 종류가 나옵니다. 이 중에서 HTML/자바스크립트를 선택해 줍니다.

가젯 추가에서 HTML/자바스크립트를 선택하도록 안내




“HTML/자바스크립트 구성” 화면이 나오는데 위에서 드래그한 코드를 붙여 넣기 해 주면 됩니다.

①제목에 “복사금지” 입력 (입력하지 않고 빈 공간으로 놔두는 것을 추천) ➜ ②콘텐츠에 복사금지 코드를 붙여 넣기 해줍니다 ➜ ③저장을 누릅니다.

이렇게 “복사금지” 코드 입력이 끝났습니다.

HTML/자바스크립트 구성에 복사 금지 코드를 입력하는 화면




위에서 했던것 처럼 가젯을 하나 더 추가 시켜줍니다.

①제목에 “우클릭 금지” 입력 (입력하지 않고 빈 공간으로 놔두는 것을 추천) ➜ ②콘텐츠에 우클릭 금지 코드를 붙여 넣기 해줍니다 ➜ ③저장을 누릅니다.


우클릭 금지 코드를 입력할 수 있도록 안




이렇게 완료가 되면 ⓐ”우클릭 금지”, “복사 금지” 가젯이 추가 된 것이 확인이 됩니다.

ⓑ저장 버튼을 누르면 모든 작업이 완료 됩니다.

이제 적용한 블로그 테스트를 해보시면 됩니다.

레이아웃-우클릭금지-드래그금지-추가된것 확인



이렇게 구글 블로그인 블로그스팟에 “마우스 드래그, 오른쪽 클릭 복사 금지 적용” 방법에 대해 알아보았습니다. 블로그를 작성하게 되면 많은 사람들이 적용하는 기능인데 블로그스팟에서도 티스토리처럼 쉽게 적용할 수 있는 기능이 생겼으면 좋겠습니다.


그리고 마지막으로 블로그스팟이 손이 좀 많이 가지만 익숙해 지면 티스토리의 대안으로 사용할 수 있다고 봅니다. 많은 사람들이 블로그스팟을 이용했으면 좋겠습니다^^





함께 보면 도움이 되는 글


📌 [블로그스팟] 도메인 연결 방법 – 가비아, 호스팅케이알

📌 [블로그스팟] 글 제목 H1 태그 변경 적용하기

📌 [블로그스팟] CSS 수정, 추가 하기 – H태그, 인용구 박스

📌 구매 가이드 : 맥북프로 M3 vs M3 Pro 뭘 사야할까?

📌 공기청정기 구입시 기본 체크사항 5가지 – 아주 쉬운 설명